BetaCodophile is currently in active development. Features may change rapidly! 🚀
Codophile LogoCodophile
Back to CSS

Table Styling

Design responsive and stylish tables with CSS properties.

Layout & Size

100%

Borders

1px
#4b5563

Content & Alignment

12px

Styling & Colors

#ffffff
#1f2937
firstlastemailrole
JohnDoejohn@example.comDeveloper
JaneSmithjane@example.comDesigner
BobJohnsonbob@example.comManager
AliceWilliamsalice@example.comMarketer
CSS Output
/* Table Wrapper */

table {
  width: 100%;
  border-collapse: collapse;
  
  color: #ffffff;
}

th, td {
  border: 1px solid #4b5563;
  padding: 12px;
  text-align: left;
  vertical-align: middle;
}

th {
  background-color: #1f2937;
}