Робоче тло для сайту можна порівняти з шпалерами для стільниці вашої операційної системи. Тло (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.