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:

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

csstbody {
  color: red;
}

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

Результат:

Veja também