Property Description

The background-color property sets the background color of an element. This includes the side of the element + padding + border.

This property has the following syntax:

background-color: color|transparent|initial|inherit;

Property Values

Value	Description
color	Specifies the background color. Refer to the Colors section for the different ways to specify a color
transparent	(default) Specifies that the background color should be transparent.
initial	Specifies that the value of the property should be set to the default value
inherit	Specifies that the value of the property should be inherited from the parent element

This example shows how to specify the background-color of different elements.

body {
  background-color: red;
}

h1 {
  background-color:#ffff00;
}

p {
  background-color: rgb(255,255,0);
}

Chrome	Firefox	IE	Safari	Opera
1.0	1.0	4.0	1.0	3.5