Главная » Вопросы

Маркированный список

Автор Комментарии 1 Опубликовано Обновлено
👍 Научим бесплатно правильно создавать сайты на WordPress. Подробнее →

В моем блоге часто используются маркированные списки в css они обозначены как:

#content ul li {...}

Но вышла такая ситуация что на определенной странице надо реализовать маркированный спиоск с другим дизайном. Подскажите что для этого надо прописать в css и какой атрибут добавить к ul?

Создай свой первый сайт на WordPress

Павел Кузнецов
Оцените автора
Добавить комментарий

  1. Создайте в файле style.css класс для вашего маркированного списка:

    #content ul.mystyle {
  margin:        10px 0;
  padding:       10px 0;
  border-top:    1px dotted #eee;
  border-bottom: 1px dotted #eee;
  list-style:    square outside;
}

#content ul.mystyle li {
  margin:      5px 0 5px 10px;
  font-style:  italic;
}

    Оформление я привел в качестве примера – можете его изменить по своему усмотрению. После этого вставляйте список, присвоив ему класс:

    <ul class="mystyle">
  <li>Первый</li>
  <li>Второй</li>
</ul>
    Ответить