Как сделать маркер в css

Для создания маркеров в CSS можно использовать свойство list-style-type.

Пример:

HTML:

<ul>
  <li>Первый пункт</li>
  <li>Второй пункт</li>
  <li>Третий пункт</li>
</ul>

CSS:

ul {
  list-style-type: disc; /* устанавливаем маркер в виде круга */
}

В данном примере мы создаем ненумерованный список с тремя пунктами. С помощью свойства list-style-type задаем маркер в виде круга (disc).

Также можно использовать следующие значения:

• circle – маркер в виде пустого круга;
• square – маркер в виде квадрата;
• decimal – нумерация пунктов арабскими цифрами (1, 2, 3 и т.д.);
• lower-alpha – нумерация пунктов строчными буквами латинского алфавита (a, b, c и т.д.);
• upper-alpha – нумерация пунктов прописными буквами латинского алфавита (A, B, C и т.д.);
• lower-roman – нумерация пунктов римскими цифрами (i, ii, iii и т.д.);
• upper-roman – нумерация пунктов римскими цифрами в верхнем регистре (I, II, III и т.д.).

Пример:

ol {
  list-style-type: lower-roman; /* нумерация пунктов римскими цифрами в нижнем регистре */
}