Retour

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.

Catégorie

Design et Ressources

Tags

table csszebra tableuisnippet
Plus dans Design et Ressources
Entrée

Générateur CSS pour tables à rayures zébrées

table csszebra tableuisnippet
Exemples rapides
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