Для создания маркеров в 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; /* нумерация пунктов римскими цифрами в нижнем регистре */
}
