<li>
внутри <ul>
или <ol>
:
<ul>
<li>1 элемент списка.</li>
<li>2 элемент списка.</li>
<li>3 элемент списка.</li>
</ul>
<ol>
<li>элемент списка.</li>
<li>элемент списка.</li>
<li>элемент списка.</li>
</ol>
В этом случае, браузер отобразит списки стандартного вида:
- 1 элемент списка.
- 2 элемент списка.
- 3 элемент списка.
- элемент списка.
- элемент списка.
- элемент списка.
Чтобы изменить марке, установите тегу
<ul>
CSS свойство list-style-type
:
ul {
list-style-type: disc;
}
Вместо значения
disc
можно использовать circle
, в таком случае, маркеры будут в виде кругляшков, а не жирных точек.Если необходимо изменить цвет маркера, используйте свойство:
li::marker {
color: #008800;
}
Вместо зеленного цвета (
#008800
) можете написать любой другой.Можно использовать свою картинку, как маркер. И для этого существует свойство:
li {
list-style-image: url('marker.png');
}
Где
marker.png
- это Ваша картинка.