Решение
Стиль маркеров ненумерованного списка можно изменить с помощью свойства list-style-type. Прежде всего рассмотрим следующую разметку списка:

<ul>
<li>Первый пункт</li>
<li>Втпрой пункт</li>
<li>Третий пункт</li>
<li>Четвертый пункт</li>
</ul>

Для отображения маркеров в виде квадратиков, как на рис. 2.24, следует присвоить свойству list-style-type значение square:

ul {
list-style-type: square;
}

Рис. 2.24. Маркеры списка в виде квадратиков

Обсуждение
Свойство list-style-type может иметь следующие значения: disc, circle, decimal-leading-zero, decimal, lower-roman, upper-roman, lower-alpha, upper-alpha и none.
Не все браузеры обеспечивают поддержку всех перечисленных свойств. Если браузер не поддерживает указанное значение, будет отображаться маркер, используемый по умолчанию. Информацию о различных типах маркеров и их поддержке браузерами можно найти в наборе тестов CSS2 для list-style-type.⁽¹⁾  Значение none удаляет маркеры из списка, причем каждый пункт по-прежнему будет отображаться с отступом, как будто на месте маркеров осталось пустое пространство, как можно видеть на рис. 2.25.

ul {
list-style-type: none;
}

Рис. 2.25. Список без маркеров