​x
 
<!DOCTYPE html>
<html>
<head>
<style>
thead {color:green;}
tbody {color:blue;}
tfoot {color:red;}
​
table, th, td {
  border: 1px solid black;
}
</style>
</head>
<body>
​
<h1>thead、tbody 和 tfoot 元素 - 由 CSS 设置样式</h1>
​
<table>
  <thead>
    <tr>
      <th>月份</th>
      <th>储蓄</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>一月</td>
      <td>￥3400</td>
    </tr>
    <tr>
      <td>二月</td>
      <td>￥4500</td>
    </tr>
  </tbody>
  <tfoot>
    <tr>
      <td>合计</td>
      <td>￥7900</td>
    </tr>
  </tfoot>
</table>
​
</body>
</html>
​