# Работа с маркерами списков ul на CSS

Мы с вами еще в начале книги разбирались со списками `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; }`

:

## Практические задачи

Повторите страницу по данному образцу:

Повторите страницу по данному образцу:

Сделайте список без маркеров, как в данном образце:

←→
↑