Фон
Выше мы уже говорили, как задать фон для текста (с помощью свойства background-color). Точно так же задается цвет для любых тегов — таблиц, слоев и т. д.
CSS также позволяет задать для тегов фоновое изображение.
Фон может принимать следующие свойства: background-color, background-image, background-repeat, background-attachment, background-position и background.
Свойство background-image задает графический объект, то есть картинку из файла, в качестве фона элемента. При указании фонового изображения рекомендуется задавать фон, который будет использоваться в случае, если изображение окажется недоступным. Если изображение доступно, то оно отображается поверх фонового цвета, который все же будет виден сквозь прозрачные фрагменты изображения (если такие есть). В качестве значения этого свойства задается адрес картинки. Рассмотрим такой фрагмент таблицы стилей.
BODY { background-image: url("some_bgimage.gif") }
P { background-image: none }
В данном примере в качестве фона страницы используется изображение из файла some_bgimage.gif. Содержимое страницы внутри тега будет находиться на белом фоне либо на фоне, который задается в браузере по умолчанию.
Если вы задали фоновое изображение, то можете также использовать свойство background-repeat, которое определяет, будет ли изображение дублироваться, и если да, то каким образом. Данное свойство может принимать следующие значения:
• repeat — изображение дублируется как по вертикали, так и по горизонтали;
• repeat-x — изображение дублируется только по горизонтали;
• repeat-y — изображение дублируется только по вертикали;
• no-repeat — изображение не дублируется: отображается только одна копия изображения.
Рассмотрим такой пример:
BODY {
background: white url("pendant.gif");
background-repeat: repeat-y;
background-position: center;
}
