Table header style : table header : Table Style HTML CSS TUTORIALS

HTML CSS TUTORIALS » Table Style » table header »

Table header style


 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<style type="text/css">
th {
 text-align: left;
 padding: 1em 1.5em 0.1em 0.5em;
 color: white;
 background-color: blue;
 border-right: 2px solid blue;
}

.secondrow th {
 background-color: #009;
}
</style>
</head>

<body>
  <table>
    <tr>
   <th colspan="4">
   Table 1. General Characteristics
   </th>
  </tr>
  <tr class="secondrow">
   <th>Item
   </th>
   <th>
    Estimate
   </th>
   <th>
    Lower&nbsp;Bound
   </th>
   <th>
    Upper&nbsp;Bound
   </th>
  </tr>
  <tr>
    <td>Total population</td>

    <td>272,091</td>

    <td>****</td>

    <td>****</td>
  </tr>

  <tr>
    <td colspan="4">Sex</td>
  </tr>

  <tr>
    <td>Male</td>

    <td>129,179</td>

    <td>127,670</td>

    <td>131,908</td>
  </tr>

  <tr>
    <td>Female</td>

    <td>142,302</td>

    <td>140,183</td>

    <td>144,421</td>
  </tr>
  </table>

</body>

</html>