Главная » Вебмастеру » Как изменить цвет текста в списке?
Понедельник, Февраль 4th, 2019

Как изменить цвет текста в списке?

Для изменения цвета текста в списке используйте стилевое свойство color, добавляя его к селектору ul, ol или li, как показано в примере 1.

Пример 1. Цвет фона в списке

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Цвет списка</title>
<style>
li {
color: green; /* Цвет текста */
}
</style>
</head>
<body>
<ul>
<li>Чебурашка</li>
<li>Крокодил Гена</li>
<li>Шапокляк</li>
</ul>
</body>
</html>

Результат данного примера показан на рис. 1.

Как изменить цвет текста в списке?

Рис. 1. Выделение цветом текста списка

Обратите внимание, что меняется цвет не только самого текста, но и маркеров. Если требуется задать цвет маркеров другим, смотрите этот рецепт.

Источник