Design et Ressources
Générateur CSS pour tables à rayures zébrées
Générez du CSS à rayures zébrées pour les tableaux.
Entrée
Générateur CSS pour tables à rayures zébrées
table csszebra tableuisnippet
Sortie
Générateur de Zebra Table CSS
table.zebra {
width: 100%;
border-collapse: collapse;
background: white;
color: #0f172a;
overflow: hidden;
border-radius: 12px;
}
table.zebra tbody tr:nth-child(odd) {
background: #f8fafc;
}
table.zebra tbody tr:nth-child(even) {
background: #e2e8f0;
}
table.zebra td,
table.zebra th {
padding: 8px;
text-align: left;
}En direct Aperçu
Live canvas

