Говорят, что создание сайта - очень длительный и трудоемкий процесс. Мы скажем - НЕТ! Ведь с новыми технологиями, такими как HTML5, CSS3, PHP и MySql можно быстро и легко научиться создавать сайты любой сложности.
Два сумасшедших веб-мастера покажут где что лежит и как этим пользоваться.
Авторизация
Новый
Забыл
Пожалуйста, заполните поля выше. Это нужно сделать обязательно, иначе ничего не получится.
CSS и Верстка /

Двойной Background

  • Понедельник, 18 апреля 2012, 14:36 |
  • Автор: fiamma |
  • Просмотров: 3797 |
  • Комментарии: 4 |
  • В закладки:
Здравствуйте, дорогие читатели. Наверное вы уже заметили маленькие изменения на нашем сайте: добавлен фон, установлена фиксированная высота, устранены маленькие баги на сайте. Да и последняя статья была опубликована давольно давно.

Именно поэтому я решил написать небольшую, но тем не менее интересную статейку ;)

В момент, когда мы улучшали шапку сайта, столкнулись с одной интересной задачей.
А именно: сделать фон div-а двумя картинками.

Двойной Background

Первое, что пришло в голову это установить обычный бэкграунд и выровнять текст с padding. Затем просто вставить картинку справа.
Казалось бы все очень просто, быстро и удобно. Но по каким-то загадочным причинам я так не сделал, а принялся гуглить.

Оказывается, чтобы задать background несколькими изображениями необходимо перечислить изображения через запятую и установить выравнивание этих изображений.
.header-text {
    background: url(../images/brace.png), url(../images/brace2.png);
    background-position: top left, top right;
    background-repeat: no-repeat;
}

Так же советую прочесть статью "Красивые кнопки с помощью CSS"
Добавить комментарий