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

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

В моем блоге часто используются маркированные списки в 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>
    
    Ответить