Styling Tables

HTML tables have been used for a long time to establish table layouts. HTML5 tables should be used for what they were created: to display tabular data. In this section, you will learn a few basic things to style your tables with CSS.

📜NOTE: Over the next few lessons, we will gradually improve the aesthetics of this HTML table using certain CSS features. We will learn only a few new CSS properties. The emphasis here is on the ease of combining separate CSS features into a nice design by only modifying the style sheet, as you will experience soon.

In order to demonstrate the fundamentals, you are about to get to know, you will start from a simple, unformatted table that can be found in the Exercise folder.

Exercise