CSS свойство background-image

Определяет одно или несколько фоновых изображений элемента.

По умолчанию фоновое изображение располагается в верхнем левом углу элемента и повторяется по горизонтали и вертикали.

Всегда определяйте фоновый цвет background-color, на случай если фоновое изображение будет недоступно.

CSS синтаксис

background-image: url('URL') | none | initial | inherit;

Возможные значения

ЗначениеОписание
url('URL')URL изображения. Чтобы определить несколько фоновых изображений, нужно через запятую указать их URLы.
noneЗначение по умолчанию. Не отображать фоновое изображение.
inheritЗначение наследуется от родительского элемента.
initialУстанавливает значение по умолчанию.

Пример использования

Пример №1

Устанавливаем фоновое изображение для элемента body


body {
   background-image: url("paper.gif");
   background-color: #cccccc;
}

Пример №2

Устанавливаем несколько фоновых изображений для элемента body


body {
   background-image: url("img_tree.gif"), url("img_flwr.gif");
   background-color: #cccccc;
}