CSS 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
Set the background image for a page:
body {
background-image: url("paper.gif");
}
Try it Yourself »
Example
This example shows a bad combination of text and background image. The text is hardly readable:
body {
background-image: url("bgdesert.jpg");
}
Try it Yourself »
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:
The CSS Background Image Property
| Property | Description |
|---|---|
| background-image | Set the background image for an element |
CSS — Background Images — W3Schools Video
This video is an introduction to Background Images in CSS.
Part of a series of video tutorials to learn CSS for beginners!
