Table footer background and color : footer « Layout « HTML / CSS
- HTML / CSS
- Layout
- footer
Table footer background and color
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Hummus</title>
<style type='text/css' media='all'>
table {
border-width: 0px;
width: 500px;
}
th {
background: black;
color: white;
}
tfoot td {
background: #808080;
color: white;
}
</style>
</head>
<body>
<table>
<thead>
<tr>
<th colspan='4'>
Hummus
</th>
</tr>
<tr>
<th>
#
</th>
<th>
Measurement
</th>
<th>
Product
</th>
<th>
Instructions
</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>C</td>
<td colspan='2'>T</td>
</tr>
<tr>
<td>2</td>
<td>T</td>
<td>P</td>
<td>C</td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan='4'>
This is a test. This is a test.
</td>
</tr>
</tfoot>
</table>
</body>
</html>
Related examples in the same category