Relleno de tablas
Para controlar el espacio entre el borde y el contenido de una tabla, utilice la propiedad padding en los elementos <td> y <th>:
Ejemplo:
Divisiones horizontales
Agrega la propiedad border-bottom a <th> y <td> para divisiones horizontales:
Ejemplo:
Efecto hover
Use el selector :hover en <tr> para resaltar las filas de la tabla al pasar el mouse sobre la tabla:
Ejemplo:
Tablas estilo cebra
Para las tablas estilo rayas de cebra, use el selector nth-child() y agregue la propiedad background-color a todas las filas pares (o impares) de la tabla:
Ejemplo:
Colores de la tabla
El siguiente ejemplo especifica el color de fondo y el color del texto de los elementos <th>:
Ejemplo:
Resumen
Este documento presenta diferentes técnicas para personalizar el tamaño y el estilo de las tablas en CSS, incluyendo el control del relleno, divisiones horizontales, efectos hover, tablas estilo cebra y colores de tabla. Se incluyen ejemplos de código para cada técnica.
Traducido con 💚 desde W3Schools.com