Цвет текста задается присваиванием значения цвета в таблице стилей, которая связана с контейнерным тегом, содержащим текст. Например, заголовок можно вывести синим цветом, присваивая имя этого цвета в линейной таблице стилей тега <hn>.
Если весь параграф должен иметь определенный цвет, то имя этого цвета можно задать в таблице стилей, связанной с тегом <p>.
Пример 25.27. Код для задания стиля цветного параграфа
<p style="color:red">...красный текст параграфа ...</p>
В некоторых случаях может понадобиться вывести весь текст на странице определенным цветом. Это легко сделать, присваивая свойство color тегу <body>. Следующий код выводит весь текст на странице зеленым цветом, используя встроенную таблицу стилей, ассоциированную с селектором body.
Пример 25.28. Встроенная таблица стилей для задания цвета всего текста на странице
<style type="text/css">
body {color:green}
</style>
Для любого текстового контейнера можно задать также цвет фона, применяя свойство background-color. Проверьте также, что выбранный цвет является дополнительным для цвета текста и не создаст трудностей при чтении. В следующей таблице стилей желтый цвет используется в качестве цвета фона страницы для зеленого текста.
Пример 25.29. Встроенная таблица стилей для задания цвета фона страницы
<style type="text/css">
body {color:green; background-color:yellow}
</style>