Colores alternos en...
 

Colores alternos en una tabla con CSS  

   RSS

0

Para lograr ese efecto tan cómodo de alternar los colores de las filas en una tabla y facilitar su lectura a veces usamos plugins complejos y pesados.

Nada más sencillo que agregar este código a tu hoja de estilos o al CSS adicional del personalizador de Wordpress:

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

Si además quieres agregar el efecto de que al pasar el ratón por encima la fila cambie de color, agrega esto:

tr:hover {
background-color: #EBF8FC;
}

Ahora sólo debes cambiar los colores a tu gusto cambiando las referencias HEX que hay tras la #.

Espero que te sea útil!

IT Manager de TEKY Soluciones informáticas. Experto en sistemas, Wordpress, plataformas web y mundo Apple. Experto en SEM y mundo Google. Siempre dispuesto a colaborar en un buen proyecto. ¿Hablamos?

Share:

Por favor Iniciar Sesión o Registro