Как сделать маркированный список в html
Ответы
Алёна Шереметьева
19 июня 2024
В дополнение.
- Стиль маркера в нумерации можно изменить в CSS через
list-style-type
Пример нумерации квадратами:
<ul class="list-style-square">
<li class="list-style-none">Нумерованные;</li>
</ul>
.list-style-square {
list-style-type: square;
}
- Также нумерацию можно сделать изображением через
list-style-image
<ul class="list-style-phone">
<li>8 999 123-45-67</li>
<li>8 555 765-43-21</li>
<li>8 123 456-78-90</li>
</ul>
.list-style-phone {
list-style-image: url('https://assets.codepen.io/1425525/phone.svg');
}
1
0
Nikita Mikhaylov
10 октября 2022
Маркированный список создаётся с помощью тегов <ul>
и <li>
:
<ul>
обозначает, что список маркированный<li>
обозначает элемент списка
Важно не забывать корректно закрывать все теги, так как браузер можно неверно интерпретировать разметку.
<ul>
<li>Пункт списка №1</li>
<li>Пункт списка №2</li>
<li>Пункт списка №3</li>
</ul>
0
0