Основы работы с XHTML и CSS


Цвет текста и фона


Цвет текста задается присваиванием значения цвета в таблице стилей, которая связана с контейнерным тегом, содержащим текст. Например, заголовок можно вывести синим цветом, присваивая имя этого цвета в линейной таблице стилей тега <hn>.

<h1 style="color:blue">Синий заголовок</h1>

Листинг 3.26. Кодирование стиля цветного заголовка

Если весь параграф должен иметь определенный цвет, то имя этого цвета можно задать в таблице стилей, связанной с тегом <p>.

<p style="color:red">...красный текст параграфа ...</p>

Листинг 3.27. Код для задания стиля цветного параграфа

В некоторых случаях может понадобиться вывести весь текст на странице определенным цветом. Это легко сделать, присваивая свойство color тегу <body>. Следующий код выводит весь текст на странице зеленым цветом, используя встроенную таблицу стилей, ассоциированную с селектором body.

<style type="text/css"> body {color:green} </style>

Листинг 3.28. Встроенная таблица стилей для задания цвета всего текста на странице

Для любого текстового контейнера можно задать также цвет фона, применяя свойство background-color. Проверьте также, что выбранный цвет является дополнительным для цвета текста и не создаст трудностей при чтении. В следующей таблице стилей желтый цвет используется в качестве цвета фона страницы для зеленого текста.

<style type="text/css"> body {color:green; background-color:yellow} </style>

Листинг 3.29. Встроенная таблица стилей для задания цвета фона страницы




Начало  Назад  Вперед



Книжный магазин