Мы с вами еще в начале книги разбирались
со списками ul и вы наверняка помните
о том, что список ul имеет маркеры
в виде точек. Однако, вид этих маркеров можно
сменить или даже убрать их совсем. Делается
это с помощью свойства list-style-type.
Давайте посмотрим, какие значения оно может
принимать для списка ul.
Значение square
Значение square позволяет сделать
маркеры в виде квадратиков:
<ul>
<li>list item</li>
<li>list item</li>
<li>list item</li>
<li>list item</li>
<li>list item</li>
</ul>
ul {
list-style-type: square;
}
:
Значение circle
Значение circle позволяет сделать
маркеры в виде кружков:
<ul>
<li>list item</li>
<li>list item</li>
<li>list item</li>
<li>list item</li>
<li>list item</li>
</ul>
ul {
list-style-type: circle;
}
:
Значение disc
Значение disc делает маркеры в виде
закрашенных кружков (это значение по умолчанию):
<ul>
<li>list item</li>
<li>list item</li>
<li>list item</li>
<li>list item</li>
<li>list item</li>
</ul>
ul {
list-style-type: disc;
}
:
Значение none
Значение none убирает маркеры совсем:
<ul>
<li>list item</li>
<li>list item</li>
<li>list item</li>
<li>list item</li>
<li>list item</li>
</ul>
ul {
list-style-type: none;
}
:
Практические задачи
Повторите страницу по данному образцу:
Повторите страницу по данному образцу:
Сделайте список без маркеров, как в данном образце: