Как да поставите фон на сайта

Съдържание:

Как да поставите фон на сайта
Как да поставите фон на сайта

Видео: Как да поставите фон на сайта

Видео: Как да поставите фон на сайта
Видео: CSS свойство BACKGROUND. Делаем фон для сайта // Уроки HTML CSS JS. Урок №9 2024, Декември
Anonim

Работният фон на сайта може да се сравни с тапета за работния плот на вашата операционна система. Фон (фон), можете да създадете в няколко варианта, които ще бъдат разгледани по-долу.

Как да поставите фон на сайта
Как да поставите фон на сайта

Необходимо

Редактиране на файла style.css

Инструкции

Етап 1

Монохромен фон. Най-простият вид фон, голям плюс е минималното зареждане на страницата с помощта на такава картина. Ако файлът със стил (style.css) не съдържа команди, които задават цвета на фона, браузърът по подразбиране предлага бяло. Използвайте командата background-color, за да промените цвета. Пример за използване на тази команда: background-color: # 3366CC.

Стъпка 2

За да изберете определен цвят, можете да използвате специален софтуер, например графичния редактор Adobe Photoshop. Ако никога не сте работили с него, препоръчително е да използвате уеб услуги. Поразителен пример е търсачката "Yandex", отидете на следната връзка https://yandex.ru и въведете фразата "цвят син". Пред вас ще се появи таблица с цветове, в която можете да изберете всеки по ваш вкус, да копирате кода и да го поставите в кода на сайта.

Стъпка 3

Фонова текстура. В допълнение към цвета на фона, можете да добавите изображение или циклично повтарящ се модел (текстура) към всяка страница на вашия сайт. За да направите това, след като въведете цвета на фона, напишете командата background-image, например background-image: url (img / uzor.png). Пътят до файла трябва да бъде посочен в скобите. Струва си да се отбележи, че разделителната способност на текстурата може да започне от най-малката (16x16) и да завърши с изображения в пълен размер за размера на страниците на сайта (800x600 и повече).

Стъпка 4

Фон с градиент. В този случай използвате цвета на фона, зададен с командата background-color, но създавате градиент. Градиентът може да бъде хоризонтален (x) и вертикален (y). Най-често като градиент на фона се използва хоризонтална позиция, така че линията с градиента ще изглежда така: background-repeat: repeat-x.

Препоръчано: