Background Image

CSS background-image Property

Set a background-image for the <body> element:

body {
background-image: url(“paper.gif”);
background-color: #cccccc;
}

Set two background images for the <body> element:

body {
background-image: url(“img_tree.gif”), url(“paper.gif”);
background-color: #cccccc;
}

background-image: url|none|initial|inherit;

Value	Description
url(‘URL‘)	The URL to the image. To specify more than one image, separate the URLs with a comma
none	No background image will be displayed. This is default
linear-gradient()	Sets a linear gradient as the background image. Define at least two colors (top to bottom)
radial-gradient()	Sets a radial gradient as the background image. Define at least two colors (center to edges)
repeating-linear-gradient()	Repeats a linear gradient
repeating-radial-gradient()	Repeats a radial gradient
initial	Sets this property to its default value. Read about initial
inherit	Inherits this property from its parent element. Read about inherit