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

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




Вам знадобиться
  • Редагування файлу style.css.
Інструкція
1
Одноколірний фон. Найпростіший вид фона, великим плюсом є мінімальне завантаження сторінок з використанням такого малюнка. Якщо у файлі зі стилями (style.css) немає команд, які задають колір фона, за замовчуванням браузер пропонує білий колір. Для зміни кольору скористайтеся командою background-color. Приклад використання цієї команди: background-color: # 3366CC.


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

Увага, тільки СЬОГОДНІ!