CSS: Backgrounds
This page shows how to create and use backgrounds in CSS.
CSS |
Basics - Backgrounds - Text - Box Model - Selectors and Combinators - Pseudo-class and Pseudo-element - Gradients - Animations and Transitions - CSS in AoPS - List of Elements |
Background
You can use the background
CSS property to modify the background of an element. The background consists of several parts.
Background Color
The background-color
property modifies the color of the background. For example, the code
div{
background-color: red;
}
will create the following:
You can also use gradients instead of colors.
Background Image
You can use the background-image
property to use an image instead of a color/gradient:
div{
background-image: url('/image.png');
}