Как сделать свою страницу цветной?

Цветной фон на сайте не только привлекает внимание посетителей, но и передает им настроение ресурса. Сайты космической тематики создают атмосферу загадочности фоном в виде звездного неба, развлекательные ресурсы поднимают настроение сочными цветами теплых цветов, веб-сервисы городских служб показывают свою официальность строгим оформлением и фонами преимущественно серых и синих оттенков. Сделать цветной собственную веб-страницу можно несколькими способами.
Создать сайт самостоятельно с Wix.com

Вам понадобится

• - свой сайт
• - хотя бы начальные знания HTML

Инструкция

Чтобы сделать цветной однотонный фон, найдите в HTML-коде такую теги и . Внесите изменения в первый тег таким образом:

.

В этой конструкции запись #FFFF33 - закодированный оттенок желтого цвета.

Цвет страницы можно указать не только кодом, но и специальными словами - названиями основных цветов. Для обозначения цвета фона словом напишите такой код:

.

Здесь "yellow" - это название желтого цвета.

Вместо кодового обозначения желтого цвета или его названия внесите в тег желаемое обозначение нужного вам цвета фона, пользуясь этой подсказкой:

красный - "red" ("#FF0000")

синий - "blue" ("#0000FF")

зеленый - "green" ("#008000")

розовый - "pink" ("#FFC0CB")

фиолетовый - "violet" ("#EE82EE")

оранжевый - "orange" ("#FFA500")

черный - "black" ("#000000")

Если вы хотите, чтобы на фоне сайта было повторяющееся изображение, то подберите небольшую по размеру картинку, на фоне которой будет хорошо виден текст. Залейте картинку на сайт. Для помещения картинки в качестве фона впишите такой код в тег

В этой записи вместо "/images/fon.jpg" укажите путь к нужной картинке.

Цвет веб-страниц можно задавать не только в коде HTML, но и с помощью стилей CSS. Используя эти стили, не нужно каждый раз устанавливать фон в коде новой страницы. Для определения фона в CSS между тегами и поместите такую запись:

body {

background: #FFFF33;

}

Здесь цвет фона задается параметром background.

Если вы хотите в CSS сделать фон с помощью изображения, то между и напишите такой код, вместо '/images/fon.jpg' указав путь к нужной картинке:

body {

background-image: url('/images/fon.jpg');

background-repeat: repeat;

}

Здесь параметр background-image определяет фоновую картинку, background-repeat - повторяемость картинки. на странице.

Оцените статью!