title: Change HTML Table Caption BG Color With CSS
body: <p>Can the background color on a table's caption be changed with CSS? </p>
  
  <p>The captions on my tables are currently using the background behind them and I would like to make the caption's background a different color.
  If so what is the CSS property ?</p>
  
  <p>Here is my current CSS</p>
  
  <pre><code>.Table {
  margin:0px;padding:0px;
  width:100%;
  border:1px solid #4c4040;
  
  -moz-border-radius-bottomleft:8px;
  -webkit-border-bottom-left-radius:8px;
  border-bottom-left-radius:8px;
  
  -moz-border-radius-bottomright:8px;
  -webkit-border-bottom-right-radius:8px;
  border-bottom-right-radius:8px;
  
  -moz-border-radius-topright:8px;
  -webkit-border-top-right-radius:8px;
  border-top-right-radius:8px;
  
  -moz-border-radius-topleft:8px;
  -webkit-border-top-left-radius:8px;
  border-top-left-radius:8px;
  }
  
  .Table table{
  border-collapse: collapse;
      border-spacing: 0;
  width:100%;
  height:100%;
  margin:0px;padding:0px;
  }
  </code></pre>
  
  <p>And my HTML</p>
  
  <pre><code>&lt;div class="Table" &gt;
      &lt;table align='center'  summary='blank Sum'&gt;
        &lt;caption&gt;&lt;br&gt;
        Please enter the Emails  of the people you want to invite.
        &lt;br&gt; &lt;br&gt;
        &lt;/caption&gt;
        &lt;tr&gt;
          &lt;td&gt;Party ID&lt;/td&gt;&lt;td&gt;Party Name&lt;/td&gt;&lt;td&gt;Date&lt;/td&gt;&lt;td&gt;Sales&lt;/td&gt;
          &lt;td&gt;blah&lt;/td&gt;    &lt;td&gt;blah&lt;/td&gt;      &lt;td&gt;blah&lt;/td&gt;&lt;td&gt;blah&lt;/td&gt;
        &lt;/tr&gt;     
      &lt;/table&gt;
  
  &lt;/div&gt;
  </code></pre>