Главная » Вебмастеру » Как изменить цвет текста в списке?

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

Для изменения цвета текста в списке используйте стилевое свойство 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. Выделение цветом текста списка

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

Автор: Влад Мержевич
Источник

Интересные публикации по этой теме: