Мастерская CSS

Стилизация списков


1. Списки можно выводить с добавлением пользовательских маркеров.

ul {
margin: 20px;
padding: 20px;
font-family:arial;
font-size:18px;
list-style-type: none;
}

li.spisok {
background: url(../images/bullet.gif) no-repeat 0 80%;
padding-left:25px;
padding-top:10px;
text-align:left;
}

<!--код html-документа-->
<ul>
<li class="spisok">Прочесть письма</li>
<li class="spisok">Написать книгу</li>
<li class="spisok">Сходить в магазин</li>
<li class="spisok">Приготовить ужин</li>
<li class="spisok">Просмотреть кинофильм</li>
</ul>

  • Прочесть письма
  • Написать книгу
  • Сходить в магазин
  • Приготовить ужин
  • Просмотреть кинофильм

назад