Zebra Table CSS Generator

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;
}