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

По умолчанию в маркированном списке (тег <ul>) ставятся маркеры (кружки). В этой статье будет рассказано, как его убрать.

За управление маркерами есть специальное свойство CSS list-style-type.

Синтаксис свойства CSS list-style-type

list-style-type: [value];

Где value

  • disc – маркер в виде закрашенного кружка
  • circle – маркер в виде прозрачного кружка
  • square – маркер в виде закрашенного квадрата
  • none – отсутствие маркера

Пример как убрать маркер в списке <ul>

<html>
<head>
<style>
ul{
list-style-type: none;
}
</style>
</head>
<body>
<ul>
<li>Элемент #1</li>
<li>Элемент #2</li>
<li>Элемент #3</li>
</ul>
</body>
</html>

Вот во что преобразуется этот код:

  • Элемент #1
  • Элемент #2
  • Элемент #3




Читайте также:

• Как разместить элементы списка горизонтально

• Как поменять скролл бар на сайте

• Как сделать нумерованный список

• Как вывести теги html на странице сайта

• HTML тег <!– –> (комментарии)

• <!DOCTYPE> в html

• Коды символов для HTML

← Перейти в каталог html уроков и советов

Читайте также:

Copy Protected by Chetan's WP-Copyprotect.