Как убрать маркеры в списке?

Чтобы скрыть отображение маркеров в списке применяется стилевое свойство list-style-type со значением none. Его следует добавить к селектору ul или li, как показано в примере 1.

Пример 1. Список без маркеров

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>Убираем маркеры в списке</title>
  <style>
   li {
    list-style-type: none; /* Убираем маркеры */
   }
   ul {
    padding-left: 0; /* Сдвигаем список влево */
   }
  </style>
 </head>
 <body>
  <ul>
   <li>Север</li>
   <li>Юг</li>
   <li>Запад</li>
   <li>Восток</li>
  </ul>
 </body>
</html>

Результат данного примера показан на рис. 1.

Как убрать маркеры в списке?

Рис. 1. Список без маркеров

Маркеры хотя и не отображаются в списке, но текст при этом всё равно оказывается сдвинут вправо. Чтобы управлять положением элементов списка, для селектора ul в данном примере добавлено свойство padding-left с нулевым значением.

Просмотров:

Добавить комментарий