Thẻ tbody

Thẻ tbody xác định phần chính của bảng. Được sử dụng để nhóm các hàng theo cách mà có thể áp dụng ngay các kiểu CSS cho một nhóm nhất định. Một bảng có thể có bất kỳ số lượng thẻ tbody nào.

Thẻ tbody thường được sử dụng cùng với thead và tfoot để xác định phần đầu, phần chính và phần chân của bảng HTML. Theo mặc định, trình duyệt sẽ đặt nội dung của tfoot vào phần dưới của bảng, còn thead - vào phần trên.

Ví dụ

Hãy thêm màu đỏ cho văn bản của nhóm các hàng được nhóm bởi thẻ tbody, bằng cách sử dụng thuộc tính color:

html<table>
  <thead>
    <tr>
      <th>Tên</th>
      <th>Họ</th>
      <th>Lương</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>tên1</td>
      <td>họ1</td>
      <td>200$</td>
    </tr>
    <tr>
      <td>tên2</td>
      <td>họ2</td>
      <td>1000$</td>
    </tr>
  </tbody>
  <tfoot>
    <tr>
      <td>số lượng: 2</td>
      <td>-</td>
      <td>tổng: 1200$</td>
    </tr>
  </tfoot>
</table>

csstbody {
  color: red;
}

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

Результат:

Xem thêm