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

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.