Цветният фон на сайта не само привлича вниманието на посетителите, но и предава настроението на ресурса. Сайтовете с космическа тематика създават атмосфера на мистерия с фон под формата на звездно небе, развлекателните ресурси развеселяват с богати цветове на топли цветове, уеб услугите на градските служби показват своята официалност със строг дизайн и фонове от предимно сиви и сини нюанси. Има няколко начина да направите своя собствена уеб страница цветна.
Необходимо е
- - вашия сайт
- - поне основни познания по HTML
Инструкции
Етап 1
За да направите плътен цветен фон, намерете следните маркери и в HTML кода. Променете първия маркер по следния начин:
В тази конструкция # FFFF33 е кодираният нюанс на жълтото.
Стъпка 2
Цветът на страницата може да бъде посочен не само с код, но и със специални думи - имената на основните цветове. За да посочите цвета на фона с дума, напишете следния код:
Тук "жълто" е името на жълтия цвят.
Стъпка 3
Вместо жълтия кодов знак или неговото име, добавете желаното обозначение на цвета на фона, който ви е необходим, към маркера, като използвате този подсказка:
червено - "червено" ("# FF0000")
син - "син" ("# 0000FF")
зелен - "зелен" ("# 008000")
розово - "розово" ("# FFC0CB")
лилаво - "виолетово" ("# EE82EE")
оранжево - "оранжево" ("# FFA500")
черен - "черен" ("# 000000")
Стъпка 4
Ако искате да имате повтарящо се изображение на фона на сайта, изберете малка снимка, на която текстът ще бъде ясно видим. Качете снимка на сайта. За да поставите изображение като фон, въведете този код в маркера
В този запис вместо "/images/fon.jpg" посочете пътя до желаното изображение.
Стъпка 5
Цветът на уеб страниците може да бъде зададен не само в HTML код, но и с помощта на CSS стилове. Използвайки тези стилове, не е нужно всеки път да задавате фон в кода на нова страница. За да дефинирате фон в CSS между таговете и да поставите запис като този:
тяло {
фон: # FFFF33;
}
Тук цветът на фона се задава от параметъра на фона.
Стъпка 6
Ако искате да направите фон в CSS с помощта на изображение, тогава между и напишете следния код, вместо '/images/fon.jpg', указвайки пътя до желаното изображение:
тяло {
фоново изображение: url ('/ images / fon.jpg');
background-repeat: повторение;
}
Тук параметърът background-image определя фоновото изображение, background-repeat - повторението на изображението. На страницата.
