Свойство background-image устанавливает фоновое изображение для элемента.
Пример
p {
background-color: white;
color: black;
background-image: url('img/image.gif');
}
Результат:
Пример параграфа с фоновой картинкой
Пример параграфа с фоновой картинкой
Пример параграфа с фоновой картинкой
Пример параграфа с фоновой картинкой
Пример параграфа с фоновой картинкой
Правила хорошего тона
Хороший тон - всегда задавать свойство background-image в паре с background-color - пригодится в случае, если фоновая картинка по каким-либо причинам не загрузилась. Цвет фона всегда располагается под фоновым изображением.
Возможные значения
url('.файл.')
Ссылка на картинку - адрес (URL) изображения, заданный стандартным способом.
none
Фоновое изображение не требуется.
inherit
Заимствует значение свойства у родительского элемента.
Характеристики
Значение по умолчанию: none
Применяется: Ко всем элементам
Наследуется: Нет
См. также
background
background-color
background-repeat
background-attachment
background-position