The background-color property (CSS Reference)
Introduction
The background-color property can be used to specify a
specific color for the background of a specific HTML element. Here is a short
example, which sets the background color of a <h1> and a <p> tag.
Example
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><title>background-color
Demonstration</title>
<style type="text/css">
body { background-color:#FFFFFF;}
.red { background-color:#FF0000;}
.blue { background-color:#0000FF;}
.skyblue { background-color:#87CEEB;}
.headerbackground { background-color:#F0E68C;}
</style>
</head>
<body>
<h1 class=headerbackground>Background-Color</h1>
<p class="red">This is some text with a red
background.</p>
<p class="blue">This is some text with a
blue text.</p>
<p class="skyblue">This is some text with a
skyblue text.</p>
</body></html>
Output
Values
|
Name:
|
Description:
|
|
color
|
The color can be defined in following three ways: (All
three colors are red)
color name (red)
hex (#FF0000)
rgb (255,0,0)
|
|
transparent
|
This value can be used to make the background color
transparent.
|
|
Email TopXML