CSS Table Styling

CSS Table Padding

< td > and < th > elements:

First Name

Last Name

Savings

Peter

Griffin

Lois

Griffin

Joe

Swanson

{
padding: 10px;
text-align: left;
}

CSS Horizontal Dividers

To create horizontal dividers for a table, add the border - bottom property to < th > and < td >

First Name

Last Name

Savings

Peter

Griffin

Lois

Griffin

Joe

Swanson

Example th, td {
border-bottom: 1px solid #ddd;
}

CSS Hoverable Table

Use the CSS

:hover selector on < tr > to highlight table rows on mouse over:

First Name

Last Name