DevGuru CSS2: background-color

Quick References

Features

Partners

PROPERTY: background-color

background-color : color | transparent

Compatibility: IE4+ N4+
Version: Level 1
Inherited: No

The background-color property allows you to select the background color. Since, you can assign the background-color to individual elements, you can have more than one background color on a page.

color

The color value can be the keyword color name, the hex six-digit number (#FFFFFF), or the rgb three-digit value (255,255,255). There are sixteen standard colors in html:

aqua #00FFFF rgb(0,255,255)	gray #808080 rgb(128,128,128)	silver #C0C0C0 rgb(192,192,192)	navy #000080 rgb(0,0,128)
black #000000 rgb(0,0,0)	green #800000 rgb(128,0,0)	teal #008080 rgb(0,128,128)	olive #808000 rgb(128,128,0)
blue #0000FF rgb(0,0,255)	lime #00FF00 rgb(0,255,0)	white #FFFFFF rgb(255,255,255)	purple #800080 rgb(128,0,128)
fuchsia #FF00FF rgb(255,0,255)	maroon #800000 rgb(128,0,0)	yellow #FFFF00 rgb(255,255,0)	red #FF0000 rgb(255,0,0)

The Guru has also created a Color Chart that displays all of the named HTML colors. In addition the hexidecimal code is provided for 256 colors.

transparent

The transparent value allows the background color to be visible through the foreground images. This is how an area inside any character, such as the white space inside this O, is the same as this white background.

Code:
p {background-color: silver}
br {background-color: rgb(223,71,177) }
body {background-color: #98AB6F}
pre {background-color: transparent}

or

<span style="background-color: yellow;">A yellow background</span>

output:
A yellow background