ブロック要素の背景色（div編）

div要素にクラスを定義して、背景色を指定する。

インライン要素（span）でも適用できます。

《サンプル》

 <style type="text/css">
 .sample {
     width: 100%;
     background-color: #99FFCC;
 }
 </style>
 <body>
 <h1>ブロック要素の背景色（div編）</h1>
 <div class="sample">
  &lt;style type="text/css"&gt;
  .sample {
      width: 100%;
      background-color: #99FFCC;
  }
  &lt;/style&gt;
  &lt;body&gt;
  &lt;h1&gt;ブロック要素の背景色（div編）&lt;/h1&gt;
  &lt;div <strong>class</strong>="sample"&gt;
  ...
  &lt;/div&gt;
  &lt;/body&gt;
 </div>
 </body>

background: 色; でも同じ効果です。

background: は、
{
　background-color: #339933;
　background-image: url('../../img/34bar_sv.jpg');
　background-repeat: repeat-x;
　background-attachment: fixed;
　background-position: left top;
}
を一括指定する場合に利用します。