Как убрать точки в списке html

Для стилизации маркеров html-списка, созданного с помощью тегов или существует CSS свойство list-style-type. Оно может принимать разные значения, например circle, square или decimal. Для того чтобы убрать маркер - нужно выставить значение none.

Рассмотрим пример ниже:

<ul>
  <li>Есть маркер</li>
  <li>Есть маркер</li>
  <li>Есть маркер</li>
</ul>
<ol>
  <li>Маркер убран</li>
  <li>Маркер убран</li>
  <li>Маркер убран</li>
</ol>

CSS стили:

ol {
  list-style-type:  none;
}

ul {
  list-style-type: "✔";
}

Результат:

Маркеры списка убирает CSS-свойство list-style: none:

ul {
  list-style: none;
  padding-left: 0;
}

padding-left: 0 убирает отступ слева, который браузер оставляет под маркеры. Без него список останется сдвинутым вправо.

Свойство работает и для нумерованного списка <ol>: пропадут цифры.

Только у одного списка

<ul class="menu">
  <li>Главная</li>
  <li>Курсы</li>
</ul>

Так стили не затронут остальные списки на сайте.

Другой маркер

list-style-type меняет вид маркера:

ul {
  list-style-type: square;   /* квадрат */
}

ol {
  list-style-type: upper-roman; /* I, II, III */
}

Свой символ или эмодзи:

ul {
  list-style-type: "— ";
}

Маркер с другим цветом

Псевдоэлемент ::marker задаёт цвет и размер маркера отдельно от текста:

li::marker {
  color: #0082ff;
  font-size: 1.2em;
}

Без CSS

Атрибут type у <ul> устарел, браузеры его поддерживают, но валидатор HTML покажет ошибку. Если CSS-файла нет, задайте стиль прямо в теге:

<ul style="list-style: none; padding-left: 0;">
  <li>Пункт</li>
</ul>

Списки и их оформление разбирают в курсе «Профессиональная вёрстка».