Фоновое изображение CSS

Свойство background-image определяет изображение, которое будет использоваться в качестве фона элемента.

По умолчанию изображение повторяется, поэтому оно охватывает весь элемент.

Установите фоновое изображение для страницы:

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

В этом примере показано плохое сочетание текста и фонового изображения. Текст едва читаемый:

body { background-image: url("bgdesert.jpg"); }

Примечание: При использовании фонового изображения используйте изображение, которое не нарушает текст.

Фоновое изображение также может быть установлено для определенных элементов, таких как элемент <p>:

p { background-image: url("paper.gif"); }