Ьackground-position укажет, с какой позиции нужно начать повторное отображение.
Глава 8. Добавление графики на веб-страницы
Ключевые слова полезны, когда необходимо создать вертикальные или горизонтальные
Баннеры-заголовки. Если вы хотите, чтобы фоновый рисунок был
Горизонтально центрирован и повторялся от верхиего до нижнего края веб-страницы,
Создавая фон для всего содержимого (рис. 8.6, слева), то можете создать следующий
стиль:
body {
background-image: url(background.jpg):
background-repeat : repeat-y :
background -pos i tion : center top :
Аналогично, применяя ключевые слова bottom, center и top, вы можете установить
Горизонтальное повторение фонового изоqражения в определенном месте
Веб-страницы (или внутри стилизуемого элемента) и при использовании параметра
Repeat- х (см. рис . 8.4, слева). Чтобы поместить разделительную линию под заголовками
В обучаюu(ем уроке 2, пользуйтесь методикой, представленной на рис. 8.6,
Справа.
~~ \·~.' . . . . .. -
Center aligned
Background graphic
Tiled vertically
Botton1 .эl•rJncd g• Jplнc
T 1l('d 1101 1/0il t.JIIy .-
Рис. 8.6. При повторении фонового изображения вертикально (слева) или горизонтально
(справа) польэуйтесь свойством background-position
На рис. 8.6, слева, фоновое изображение представляет собой широкий белый
