tfootの使い方についてまとめ

<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>

table,th,td {
    border: 1px solid gray;
}

th {
    background-color: gray;
    color: #fff;
}
tfoot {
    background-color: black;
    color: #fff;
}