Оглавление

Создание цветного фона для заголовка

Средствами CSS можно задать цвет фона для любого элемента, в том числе и для заголовка.

 

Решение
Ниже приведено правило CSS, применяемое по отношению ко всем заголовкам первого уровня в документе:


h1 {
background-color: #ADD8E6;
color: #256579;
font: 1.6em Verdana, Geneva, Arial, Helvetica, sans-serif;
padding: 0.2em;
}

Результат выполнения данного кода представлен на рис. 2.11.

 

Совет
Цвет идет, дорогу цвету! При добавлении цветного фона для заголовка вы, возможно, захотите также сделать необходимые отступы, чтобы между текстом заголовка и границей закрашенной области оставалось свободное пространство, как в данном примере.

 

 

Отображение заголовка с цветным фоном

Рис. 2.11. Отображение заголовка с цветным фоном

Комментарии принадлежат их авторам. Мы не несем ответственности за их содержание.
Отправитель Нити