селекторы в действии - шаг-15-стили для заголовков h3
Оригинал: Step 15 - styling the <h3> element
Внешние и внутрение отступы
Для установки стиля для элементов <h3> внутри блока #more мы будем использовать потомок селектора.
Нам необходимо установить верхний внешный отступ равным нулю, так как по умолчанию в браузере IE есть отступ.
Также добавим небольшие внутренние отступы и установим цвет текста.
div#more h3 {
margin-top:0;
color:#fff;
padding:.2em;
}
Фоновое изображение
Для заголовков третьего уровня мы будем использовать следующее изображение в качестве фона
div#more h3 {
margin-top:0;
color:#fff;
padding:.2em;
background-image:url('/more_base.jpg');
background-position:right;
background-repeat:repeat-y;
}
Просмотреть шаг 15
Перейти к шагу #16
Добавить комментарий
