форматирования списка пунктов левой боковой панели:
#announcement li {
list-style: поnе:
Маркированный список находится внутри тега <di v> с идентификатором
Announcement, так что этот производный селектор воздействует только на пункты
списка (теги <l i>) внутри этого <div>. Этот стиль удаляет маркеры. Теперь добавим
Наш рисунок.
ПРИМЕЧАНИЕ-----------------------------------------------Вы
можете точно так же применить свойство list-style: поnе; к стилям тегов <ul> или <ol>, чтобы
Удалить маркеры всех элементов-nунктов сnиска.
2. Добавьте в стиль #announcement l i следующие два свойства:
background-image: url(images/flower_bullet.png):
background-repeat: no-repeat:
мы· встречались с ними раньше. Одно ИЗ них добавляет фоновое изображение,
А другое - отменяет его повторение, чтобы рисунок отображался однократно.
При просмотре веб-страницы вы увидите, что сейчас маркеры накладываются
На текст элементов списка и пункты списка отображаются очень тесно друг к другу
(рис. 8.16, слева). Небольшие отступы и поля исправят эту проблему.
ANNOUNCEМENТS
QukaiЬ!m'«!!I!Um-..re~
Sed qui8 non numquвm eiul mосН tempora
._",
[ _____________ ---------- "( Nsno s1im 1pslm ~
ANNOUNCВМENТS
Larem Ipsum Dolor Sat
Quls nostrum tDa!"tiЬЬttccnen ull8m
UsmodltгnporaQuiseutem
veleum iure ~
Ssl quia non numquern eius modi ternpora
Inddun
Рис. 8.16. Заменить стандартные маркеры сnисков своими собственными графическими
