带有 thead，tfoot 和 tbody 的表

<style>

  table {

    border-collapse: collapse;

    border-spacing: 0px;

  }

​

  table,

  th,

  td {

    padding: 5px;

    border: 1px solid black;

  }

</style>

​

<p>带有 <code>thead</code>，<code>tfoot</code> 和 <code>tbody</code> 的表格</p>

<table>

  <thead>

    <tr>

      <th>头部内容 1</th>

      <th>头部内容 2</th>

    </tr>

  </thead>

  <tbody>

    <tr>

      <td>主体内容 1</td>

      <td>主体内容 2</td>

    </tr>

  </tbody>

  <tfoot>

    <tr>

      <td>底部内容 1</td>

      <td>底部内容 2</td>

    </tr>

  </tfoot>

</table>

​