Tag tbody
A tag tbody define o corpo principal da tabela.
É usada para agrupar linhas de tal
forma que seja possível aplicar
estilos CSS a um grupo específico de uma vez.
Uma tabela pode ter qualquer número de tags tbody.
A tag tbody é frequentemente usada em conjunto
com thead
e tfoot
para definir o cabeçalho, o corpo principal
e o rodapé de uma tabela HTML. Por padrão,
o navegador colocará o conteúdo do tfoot
na parte inferior da tabela, e o thead -
no topo.
Exemplo
Vamos adicionar a cor vermelha ao texto de um grupo de linhas,
agrupadas pela tag
tbody, usando a propriedade
color:
<table>
<thead>
<tr>
<th>Nome</th>
<th>Sobrenome</th>
<th>Salário</th>
</tr>
</thead>
<tbody>
<tr>
<td>nome1</td>
<td>sobrenome1</td>
<td>200$</td>
</tr>
<tr>
<td>nome2</td>
<td>sobrenome2</td>
<td>1000$</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>contagem: 2</td>
<td>-</td>
<td>total: 1200$</td>
</tr>
</tfoot>
</table>
tbody {
color: red;
}
table, td, th {
border: 1px solid black;
}
: