Styling Tables

In Chapter 3, you learned that HTML tables were used for a long time to establish table layout. You also learned that HTML5 tables should be used for what they were created: to display tabular data. In this section, you are going to 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-10-24 folder.

Exercise-10-24