Использование селекторов: 15. Стили для заголовков h3

Внешние и внутрение отступы

Для установки стиля для элементов <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;
      }

 

Последние комментарии

  • Чем отличаются margin-top от margin-bottom?
  • 5
  • Отличный сайт! :D