Set the Background Color
By Stephen Bucaro
Use the background-color property to set the background color for an element. You can define
the color by using the color name, hexadecimal notation, or the rgb tripplet method.
Background color set to #00ff00 - hexadecimal notation for "green"
Color defined by hexadecimal notation:
<p style="background-color:#00ff00">Background color set to #00ff00 - hexadecimal notation for "green"</p>
Color defined by color name:
<p style="background-color:green;">Background color set using color name</p>
Color defined by using rgb tripplet:
<p style="background-color:rgb(0,255,0)">Background color set using rgb tripplet</p>
To Set the Background Color of a Webpage:
<body style="background-color:#00ff00">
To Set the Background Color of a Form:
<form style="border-style: solid; border-width: 1px; padding: 4px; background-color:#00ff00">
Password: <input type="text">
<input type="button" value="Submit">
</form>
More CSS Quick Reference:
• Set an Element's Overflow
• Use Image for List Item Bullets
• How to Define and Apply a Style Class
• Use an Embedded Style Sheet
• Use word-wrap Property to allow Line Breaks in the Middle of Words
• Set the Font Size
• Set List Properties
• Set an Element's Margin
• Specifying Color
• Set the Letter Spacing
| 
About BTH
User Agreement
Privacy
Site Map
Contact
News Feeds
RSS Feed
Follow @Stephen Bucaro
General Web Design
