Sommaire

Les lignes en alternance CSS POUR LES TABLEAUX:Lignes en alternance

Pour avoir des lignes grises et blanches en alternance, ajoutez la classe .table-striped à l’élément <table>.

Le code HTML :

<table class="table table-striped"> 
   ... 
</table>

L’affichage du tableau avec ses lignes colorées grises en alternance :

images/C04-002.png

Le fond grisé est appliqué à la balise <td> avec le sélecteur :nth-child(odd) :

.table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th { 
   background-color: #f9f9f9; 
}