Background Image in CSS
The background-image Property
The background-image property sets one or several background images in an element. It can be set for the whole page/body or even for a single element inside the body.
Syntax:-
Its syntax is:-
< style >
element{
background-image: url| none| initial| inherit;
}
< /style >
Further Explanation:-
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. |
conic-gradient() | Sets a conic gradient as the background image. |
linear-gradient() | Sets a linear gradient as the background image. |
radial-gradient() | Sets a radial gradient as the background image. |
repeating-conic-gradient() | Repeats a conic gradient |
repeating-linear-gradient() | Repeats a linear gradient |
repeating-radial-gradient() | Repeats a radial gradient |
initial | Sets this property to its default value. |
inherit | Inherits this property from its parent element. |
Code Explanation
All Tutorials related to CSS Advance
Box Model
Border
Width and Height
Background Color
Background Image
Background Repeat
Background Attachment
List Styling
Table Styling
Link Styling
Cursor Styling
Display Property
Visibility Property
Positioning in CSS
Floating Property
Overflow Property
Z-index Property