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 Bound
</th>
<th>
Upper 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>
Related examples in the same category