Alterner des lignes en css dans un tableau

Alterner la couleurs des lignes d'un tableau en HTML facilite la lecture de la page.  Voici des exemples.

Voici le code pour alterner les couleurs horizontalements.
table tr{background-color:#fff;} /*couleur par défaut, pour IE)*/

tr:nth-child(even) {background: #CCC}
tr:nth-child(odd) {background: #FFF}
Il existe aussi ce code :
table tr:nth-child(2n+1){background-color: #EEE;}
mais il ne fonctionne qu'en css3 :-D
 

Resources :
http://www.w3.org/Style/Examples/007/evenodd
http://mrschnaps.com/archives/488-alterner-les-couleurs-des-lignes-dans-un-table-html

http://www.cssplay.co.uk/menu/tablescroll.html

%d blogueurs aiment cette page :