Alternance de couleurs en CSS

Le code suivant, très simple, permet de produire une alternance de couleur entre une succession d'élément.

CSS

tr:nth-child(odd)
{
  background-color: red;
}

tr:nth-child(even)
{
  background-color: green;
}

HTML

<table>
  <tr>
    <td>Renault</td>
    <td>4L</td>
    <td>1987</td>
  </tr>
  <tr>
    <td>Ferrari</td>
    <td>Enzo</td>
    <td>2003</td>
  </tr>
  <tr>
    <td>Ford</td>
    <td>Mustang</td>
    <td>1977</td>
  </tr>
</table>

 


1 janvier 2016 - Wakonda - CSS

Rechercher

Tags

Publicité

Suivez-nous

Aidez-nous !