Background Image

CSS background-image

The background-image property specifies an image to use as the background of an element.

By default, the image is repeated so it covers the entire element.

Example

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

Example

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

Note: When using a background image, use an image that does not disturb the text.

The background image can also be set for specific elements, like the <p> element:

Example

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

The CSS Background Image Property

Video: CSS Background Images