#announcement (который вы создали в шаге 6 в подразделе ~добавление на небстраницу
фонового изображения•) и добавьте одно свойство:
#announcement {
background: url(images/scroll_middle.jpg) repeat·Y center top:
margin-top: 115рх:
Новая строка добавляет к тегу <di v> фоновое изображение, повторяющееся по
Вертикали, и центрирует его в этом теге. Изображение повторяется как единое
целое, и, если <di v> становится выше, фон также вырастает. Но если вы просмотрите
Страницу сейчас, то увидите, что маркированный список выдается как с левой,
Так и с правой стороны изображения бокового меню. Сделаем так, чтобы
Он соответствовал этому изображению, добавив немного левых и правых полей.
Перейдите к стилю #announcement l i, созданному ранее, и добавьте два свойства
в конце:
#announcement li {
list-style: none:
background- image: url С i mages/bull et. png):
background-repeat: no-repeat:
background-position: О 4рх:
padding- left: 25рх:
margin-bottom: lOpx:
margin-left: ЗОрх:
margin-right: 40рх:
Эти свойства перемешают левый и правый края каждого пункта маркированного
Списка на достаточное расстояние, чтобы очистить края фонового изображения.
Далее вы добавите верхнюю часть свитка, размещая фоновое изображение
в теге <h2> на боковой панели.
