HTML5 - Lessons
CSS3 - Lessons
Responsive Website From Scratch
Background Image
CSS background-image Property
Example
Set a background-image for the <body> element:
body {
background-image: url(“paper.gif”);
background-color: #cccccc;
}
Example
Set two background images for the <body> element:
body {
background-image: url(“img_tree.gif”), url(“paper.gif”);
background-color: #cccccc;
}
CSS Syntax
background-image: url|none|initial|inherit;Property Values
| 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 |
Prev Text Shadow
Next Positioning CSS