le MEMO du WEB développeur
••• CSS •••  Liste des Mémos, astuces et bonnes pratiques

Colorer une ligne sur 2 dans un tableau en CSS3

Petite astuce pour mettre en style un tableau HTM  en affectant un background rouge uniquement aux lignes paires.

Code CSS :

Colore une ligne sur deux

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

 

publié le 11/05/2012 par Memo Web
CSS3
Commentaire :
bonne idée merci !
par inconnu, le 12/08/2014
merci pour le tuto !
par inconnu, le 25/04/2014
Commenter le Mémo :

Comment utiliser une police google web font sur son site Internet
Lorsque le margin appliqué à un enfant déplace son parent
Aligner verticalement du texte avec une image
Une bordure en pointillés en CSS3 - Effet couture.
Effet carnet de notes en CSS 3 - empilement de feuilles
Un joli titre sans image, tout en CSS
Générer un fichier CSS en PHP
Effet ruban sur un titre en CSS 3
Les transitions en CSS3 : rotation d'un élément - rotate()
Ombrage - propriété box-shadow
Ajoutez vos propres Mémos sur MEMO-WEB

Il suffit de vous créer un compte sur le site

Vous pourrez choisir un thème parmis l'une des catégories proposées par MEMO-WEB.

Rédigez votre Mémo.
Après validation par MEMO-WEB, il sera mis en ligne.
Ajouter vos Mémos