CSS Techniques for Styling HTML Tables
Learn how to style HTML tables using CSS. In the past, tables were often misused for page layout purposes. However, with the introduction of Grid and Flexbox in CSS, tables can now be used specifically for styling tabular data. To start, let’s look at a basic HTML table: <table> <thead> <tr> <th scope="col">Name</th> <th scope="col">Age</th> </tr> </thead> <tbody> <tr> <th scope="row">Flavio</th> <td>36</td> </tr> <tr> <th scope="row">Roger</th> <td>7</td> </tr> </tbody> </table> By default, tables have a plain appearance, with the browser applying some default styles:...