Вы здесь

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;
}