Cómo crear: Tabla con rayas de zebra

Aprende a crear tablas con rayas de zebra utilizando CSS.

Tabla con rayas de zebra

Nombre Apellido Puntos
Jill Smith 50
Eve Jackson 94
Adam Johnson 67

Para crear una tabla con rayas de zebra, utilice :nth-child() Selector, y agrega color de fondo a todas las filas pares (o impares):

Ejemplo

tr:nth-child(even) {
  background-color: #f2f2f2;
}

Prueba personalmente

Páginas relacionadas

Tutorial:Cuadro CSS

Manual de referencia:Selector CSS nth-child()