In this tutorial, we’ll take a plain old HTML table:
… and transform it into something beautiful using nothing but CSS:
Techniques we’ll cover include:
- Adjusting the spacing, padding and margin of table cells
- Styling the borders of the table and the cells within the table
- Changing text and background colours, and using background images
- Creating alternately-coloured table rows to aid legibility
- Adding a mouse hover effect to table rows
- Styling the table caption