← Tous les exemples

Tableaux à rayures zébrées

Ajoute des fonds de lignes alternés et un surlignage au survol pour des tableaux lisibles.

Code à copier

table tbody tr:nth-child(even) td { background: rgba(0,0,0,0.05) !important; }
table tbody tr:hover td { background: rgba(255,200,0,0.18) !important; }
table th, table td { padding: 6px 10px !important; }

Comment utiliser cet exemple

1. Copiez le code avec le bouton ci-dessus.
2. Installez JustZix (2 minutes) et ouvrez l'extension sur la page cible.
3. Ajoutez une nouvelle règle correspondant à cette page.
4. Collez le code dans le panneau CSS de la règle et enregistrez — l'effet apparaît aussitôt.