Etiqueta tbody
La etiqueta tbody define el cuerpo de la tabla.
Se utiliza para agrupar filas de tal
manera que se puedan aplicar estilos CSS
a un grupo de forma inmediata. Una tabla
puede contener cualquier número de etiquetas tbody.
La etiqueta tbody se utiliza a menudo junto
con thead
y tfoot
para definir la parte superior, el cuerpo
y la parte inferior de una tabla HTML. Por defecto,
el navegador colocará el contenido de tfoot
en la parte inferior de la tabla, y thead -
en la parte superior.
Ejemplo
Añadamos color rojo al texto a un grupo de filas,
agrupadas por la etiqueta tbody,
utilizando la propiedad color:
<table>
<thead>
<tr>
<th>Nombre</th>
<th>Apellido</th>
<th>Salario</th>
</tr>
</thead>
<tbody>
<tr>
<td>nombre1</td>
<td>apellido1</td>
<td>200$</td>
</tr>
<tr>
<td>nombre2</td>
<td>apellido2</td>
<td>1000$</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>total: 2</td>
<td>-</td>
<td>total: 1200$</td>
</tr>
</tfoot>
</table>
tbody {
color: red;
}
table, td, th {
border: 1px solid black;
}
:
