Cómo hacerlo - Mesa con rayas de cebra
Aprende a crear una tabla con rayas de cebra con CSS.
Rayas de cebra en una mesa
Primer nombre | Apellido | Puntos |
---|---|---|
Jill | Herrero | 50 |
víspera | jackson | 94 |
Adán | Johnson | 67 |
Para crear una tabla con rayas de cebra, use el nth-child()
selector y agregue un color de fondo a todas las filas pares (o impares) de la tabla:
Ejemplo
tr:nth-child(even) {
background-color: #f2f2f2;
}
Vaya a nuestro tutorial de tablas CSS para obtener más información sobre cómo diseñar tablas.
Vaya a nuestra Referencia del selector de CSS para obtener más información sobre el selector nth-child().