Вам понадобится
- - свой сайт
- - хотя бы начальные знания HTML
Инструкция
1
Чтобы сделать цветной однотонный фон, найдите в HTML-коде такую теги <body> и </body>. Внесите изменения в первый тег таким образом:
<body bgcolor="#FFFF33"></body>.
В этой конструкции запись #FFFF33 - закодированный оттенок желтого цвета.
<body bgcolor="#FFFF33"></body>.
В этой конструкции запись #FFFF33 - закодированный оттенок желтого цвета.
2
3
Вместо кодового обозначения желтого цвета или его названия внесите в тег <body> желаемое обозначение нужного вам цвета фона, пользуясь этой подсказкой:
красный - "red" ("#FF0000")
синий - "blue" ("#0000FF")
зеленый - "green" ("#008000")
розовый - "pink" ("#FFC0CB")
фиолетовый - "violet" ("#EE82EE")
оранжевый - "orange" ("#FFA500")
черный - "black" ("#000000")
красный - "red" ("#FF0000")
синий - "blue" ("#0000FF")
зеленый - "green" ("#008000")
розовый - "pink" ("#FFC0CB")
фиолетовый - "violet" ("#EE82EE")
оранжевый - "orange" ("#FFA500")
черный - "black" ("#000000")
4
Если вы хотите, чтобы на фоне сайта было повторяющееся изображение, то подберите небольшую по размеру картинку, на фоне которой будет хорошо виден текст. Залейте картинку на сайт. Для помещения картинки в качестве фона впишите такой код в тег <body>
<body background="/images/fon.jpg"></body>
В этой записи вместо "/images/fon.jpg" укажите путь к нужной картинке.
<body background="/images/fon.jpg"></body>
В этой записи вместо "/images/fon.jpg" укажите путь к нужной картинке.
5
Цвет веб-страниц можно задавать не только в коде HTML, но и с помощью стилей CSS. Используя эти стили, не нужно каждый раз устанавливать фон в коде новой страницы. Для определения фона в CSS между тегами <head> и </head> поместите такую запись:
<style type="text/css">
body {
background: #FFFF33;
}
</style>
Здесь цвет фона задается параметром background.
<style type="text/css">
body {
background: #FFFF33;
}
</style>
Здесь цвет фона задается параметром background.
6
Если вы хотите в CSS сделать фон с помощью изображения, то между <head> и </head> напишите такой код, вместо '/images/fon.jpg' указав путь к нужной картинке:
<style type="text/css">
body {
background-image: url('/images/fon.jpg');
background-repeat: repeat;
}
</style>
Здесь параметр background-image определяет фоновую картинку, background-repeat - повторяемость картинки. на странице.
<style type="text/css">
body {
background-image: url('/images/fon.jpg');
background-repeat: repeat;
}
</style>
Здесь параметр background-image определяет фоновую картинку, background-repeat - повторяемость картинки. на странице.
Видео по теме
Источники:
- htmlbook.ru