3. Подкорректируйте стиль #main h2 еще раз, чтобы он выглядел следующим образом:
#main h2 {
background-image: url(images/underline.png);
background-repeat: no-repeat;
background-position: left bottom;
padding-Ьottom: 7рх:
Как вы помните, отступ является промежутком между границей (или краем
Фона) и содержимым. Это также увеличивает суммарную высоту блока- в данном
Случае добавляется 7 пикселов нижнего отступа. Теперь граница изображения
Находится в нижней части блока h2.
Сохраните файл и просмотрите неб-страницу в браузере.
Теперь все теги <h2> имеют рукописную линию подчеркивания. Займемся блоком
Бокового меню, сделаем его менее угловатым и плоским, а также улучшим
Вид маркированных списков.
Глава 8. Добавление графики на веб-сrраницы
Использование графики для маркированных
Списков
Стандартный маркер, используемый для маркированных списков, представляет
Собой черное пятнышко, что совсем не впечатляет. Но вы можете создать свои собственные
Маркеры путем применения свойства background-image, заменив однообразные
И скучные значки любым изображением. Первое, что необходимо сделать, -
Скрыть стандартные маркеры, которые предваряют элементы-пункты списка.
