CSS Table Styler

Style HTML tables and export the CSS.

Name	Role	Location
Alice	Engineer	New York
Bob	Designer	London
Carol	Manager	Tokyo
Dave	Developer	Berlin

Header BG

Header Text

Cell BG

Padding: 12px

Radius: 8px

Striped Rows Hover Effect

.table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  overflow: hidden;
}
.table th {
  background-color: #3b82f6;
  color: #ffffff;
  padding: 12px;
  text-align: left;
  font-weight: 600;
}
.table td {
  background-color: #ffffff;
  color: #111827;
  padding: 12px;
  border-top: 1px solid #e5e7eb;
}
.table tr:nth-child(even) td {
  background-color: #f9fafb;
}
.table tr:hover td {
  background-color: #3b82f615;
}