Webdesign,Webmaster

Alterner des lignes en css dans un tableau

Publié le par stephanie
02
Juil

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

stephanie