<html>
<head>
<title>Abakada CSS Demo: background-color Attribute</title>
<link rel="stylesheet" href="/shared/netdemos.css">
<style type="text/css">
<!--
body {
background-color: ghostwhite }
ul {
font: 11pt; text-align: left;
background-color: lightsteelblue; padding: 10;
margin-left: 10%;margin-right: 10% }
table {
background-color: beige }
th {
background-color: darkslategray; color: khaki; padding: 10 }
td {
padding: 10; color: #045 }
-->
</style>
</head>
<body>
<!-- #include virtual="~/shared/top.inc" -->
<div class="header"><h2>Abakada CSS Demo: <span class="hilite">background-color</span> Attribute</h2></div>
<!-- #include virtual="~/shared/viewsrc_top.inc" -->
<hr size=1 width=92%>
<center>
<p>This example shows use of embedded and inline style definitions to specify the <b>background-color</b> style attribute of different elements on a page. <br>
This document's <b>BODY</b> has its background-color set to <b>ghostwhite</b>. </p>
<div class="back" style="background-color: aliceblue">
<h1 style="background-color: dimgray; padding: 5">H1 with dimgray background</h1>
<p>The header above, this text, and the following elements are contained within this DIV element whose background-color has been set to <b>aliceblue</b>. </p>
<h5>A UL element ( unordered list ) whose background-color is <b>steelblue</b></h5>
<ul>
<li>list item one
<li>list item two
<li>list item three
</ul>
<h5>A TABLE element whose background-color is beige</h5>
<table align="center" width=80%>
<tr>
<th colspan=2>Table header with darkslategray background</th></tr>
<tr>
<td rowspan=2 style="background-color: #cc9">Table cell with background set to #cc9</td>
<td>Table cell with default table background</td></tr>
<tr>
<td>Table cell with default table background</td></tr>
</table><br>
</div>
</center>
<hr size=1 width=92%>
<!-- #include virtual="~/shared/viewsrc.inc" -->
</body>
</html>