Anteriormente postee sobre como aplicar estilos a las tablas, voy a dar algunos tips adicionales, por ejemplo si tenemos una tabla que muestra docenas de resultados y al final un boton editar, borrar u otro es un poco dificil que el usuario acierte con la fila correcta igualmente si tenemos por ejemplo una tabla de notas con nombres de alumnos y promedios resulta un poco complicado ver cual es cual, pero esto tiene una solución simple con la pseudo clase hover, algo asi:
1 2 3 | tbody tr:hover { background-color:#F0F0FE; } |
Con ese pequeño extra hacemos que cada vez que pase el mouse por una fila esta cambie de color de fondo para resaltarla, se le puede agregar más variantes por ejemplo que además cambie el color de letra, todo es cosa de jugar con el CSS.
Encontré una página con un montón de ejemplos de tablas y estilos, basta darle click al nombre del estilo y este cambiará y podemos descargalos fácilmente AQUI