Background Image

• Specifies an image to use as the background of an element.
• By default, the image is repeated so it covers the entire element.
• //the background image for a page can be set like this body { background-image: url("paper.gif"); }.

• By default, the background-image property repeats an image both horizontally and vertically.
• To repeat an image vertically, set background-repeat: repeat-y;.
• To repeat an image horizontally, set background-repeat: repeat-x;.

//the position of the image is specified by the background-position property

body {
  background-image: url("img_tree.png");
  background-repeat: no-repeat;
  background-position: right top;
}

Showing the background image only once is also specified by the background-repeat property.

body {
  background-image: url("img_tree.png");
  background-repeat: no-repeat;
  background-position: right top;
  background-attachment: fixed;
}

To specify that the background image should be fixed (will not scroll with the rest of the page), use the background-attachment property.