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:
<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>
tbody {
color: red;
}
table, td, th {
border: 1px solid black;
}
:
