CSS 3: Listas y tablas

Abstract

En este vídeo tutorial, se muestra cómo dar estilo a una tabla HTML utilizando CSS. Primero, se agrega un borde a la tabla y luego se ajusta para que no aparezca el doble borde entre las celdas. También se agregan márgenes a las celdas para separarlas del borde de la tabla. Luego, se definen estilos para la cabecera y las filas de datos, incluyendo colores y bordes personalizados. Se utiliza el selector :nth-child para definir estilos diferentes para las filas impares y pares. Finalmente, se agrega un efecto de hover para que cambie el color de fondo cuando el ratón se sitúa encima de una fila, y se configura el cursor para que cambie a una mano cuando se hace clic en una fila.