Як поставити фон на сайт

Як поставити фон на сайт

Робочий фон для сайту можна порівняти зі шпалерами для робочого столу вашої операційної системи. Фон (background), можна створити в декількох варіаціях, які будуть розглянуті нижче.

Вам знадобиться

Редагування файлу style.css.

Інструкція

  1. Одноколірний фон. Найпростіший вид фону, великим плюсом є мінімальне завантаження сторінок з використанням такого малюнка. Якщо у файлі зі стилями (style.css) немає команд, які задають колір фону, за умовчанням браузер пропонує білий колір. Для зміни кольору скористайтеся командою background-color. Приклад використання цієї команди: background-color: # 3366CC.
  2. Щоб підібрати конкретний колір можна скористатися спеціальним програмним забезпеченням, наприклад, графічним редактором Adobe Photoshop. Якщо ви ніколи не працювали з ним, рекомендується використовувати веб-сервіси. Яскравим прикладом може послужити пошукова система «Яндекс», перейдіть за наступним посиланням http://yandex.ru і введіть словосполучення «колір синій». Перед вами з’явиться таблиця квітів, в якій ви можете вибрати будь-який за своїм смаком, скопіювати код та вставити в код сайту.
  3. Фонова текстура. Крім фонового кольору ви можете додати на будь-яку сторінку свого сайту зображення або циклічно повторюваний візерунок (текстуру). Для цього після введення фонового кольору пропишіть команду background-image, наприклад, background-image: url (img / uzor.png). Усередині дужок необхідно вказати шлях до файлу. Варто відзначити, що дозвіл текстури може починатися від самого малого (16х16) і закінчуватися повноформатним зображеннями під розмір сторінок сайту (800х600 і більше).
  4. Фон з використанням градієнту. У цьому випадку ви використовуєте колір фону, який був заданий командою background-color, але при цьому створюєте градієнт. Градієнт може бути горизонтальним (x) і вертикальним (y). Найчастіше як градієнт фону використовують горизонтальне розташування, тому рядок з градієнтом буде виглядати наступним чином: background-repeat: repeat-x.