Фон
Выше мы уже говорили, как задать фон для текста (с помощью свойства 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;

}