Background Image

CSS background-image

An image to be used as an element’s background is specified using the background-image attribute.

The image fills the full element by default because it is repeated.

Set the background image for a page:

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

This example shows a bad combination of text and background image. The text is hardly readable:

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

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

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

Property	Description
background-image	Sets the background image for an element