CSS властивості
ГлавнаяБлогЯк змінити колір тексту у списку?

Як змінити колір тексту у списку?

197

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

Зверніть увагу, що змінюється колір не тільки самого тексту, але й маркерів. Якщо потрібно встановити колір маркерів іншим, дивіться цей рецепт.