18 min read

Styling Tables

Borders that collapse, padding, header colours, zebra stripes, right-aligned prices and a styled caption.

From Plain Grid to Menu

What the browser shows

Try it:

Delete border-collapse: collapse to see double borders. Change nth-child(even) to nth-child(odd).

Practice

Which rule gives a table zebra stripes?

From Plain Grid to Menu

What the browser shows

Try it:

Delete border-collapse: collapse to see double borders. Change nth-child(even) to nth-child(odd).

Practice

Which rule gives a table zebra stripes?