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
Dessiner un triangle avec CSS3
Aligner verticalement du texte avec une image
Lorsque le margin appliqué à un enfant déplace son parent
Ombrage - propriété box-shadow
Quiz sur les mémos du CSS
Effet ruban sur un titre en CSS 3
Utiliser des constantes dans un fichier CSS
Rajouter du texte dans un élement via CSS
Effet carnet de notes en CSS 3 - empilement de feuilles
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