background-color.aspx font size:
View Sample
<html>
<head>
<title>Abakada CSS Demo: background-color Attribute</title>
<link rel="stylesheet" href="/shared/netdemos.css">

<style type="text/css">
<!--
   body { 
      background-color: lavender }
   div.back { 
      width:80%; background-color: wheat }
   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>
<div class="header"><h2>Abakada CSS Demo: <b>background-color</b> 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> of different elements on a page. <br>
This document's <b>BODY</b> has its background-color set to <i>lavender</i>. </p>

<div class="back">

   <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 <i>wheat</i>. </p>

   <h4>A UL element ( unordered list ) whose background-color is <i>steelblue</i></h4>
   <ul>
      <li>list item one
      <li>list item two
      <li>list item three
   </ul>

   <h4>A TABLE element whose background-color is <i>beige</i></h4>
   <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>