Как сделать - Цвет маркеров
Узнать, как изменить цвета маркеров для списков с помощью CSS.
Цвет маркера
- Андрей
- Алексей
- Борис
- Владимир
Создать цвет маркера
Шаг 1) Добавить HTML:
Создайте базовый список:
Пример
<ul>
<li>Андрей</li>
<li>Алексей</li>
<li>Борис</li>
<li>Владимир</li>
</ul>Шаг 2) Добавить CSS:
По умолчанию изменить цвет маркера элемента списка невозможно. Тем не менее, вы можете сделать некоторые трюки CSS, чтобы сделать это возможным. Примечание что вам может потребоваться настроить его немного по-другому, если вы используете фреймворк CSS или специальную таблицу стилей:
Пример
ul {
list-style: none; /* Удалить пули по умолчанию */
}
ul li::before {
content: "\2022"; /* Добавить содержание: \2022 - это код CSS / юникод для пули */
color: red; /* Изменить цвет */
font-weight: bold; /* Если вы хотите, чтобы он был жирным */
display: inline-block; /* Необходимо добавить пробел между пулей и текстом */
width: 1em; /* Также необходимо для пространства (настройка при необходимости) */
margin-left: -1em; /* Также необходимо для пространства (настройка при необходимости) */
}
Редактор кода »