Table of Content

Stylish Simple Table Using CSS


In this tutorial we are going to see, how can we style the Ordered list in CSS using the simple CSS selectors.
styling_table (1)

Customize it and Download :

Edit Yourself »

For learning HTML online : click here

Explanation : Styling Ordered List

Style list is explained below –

Selector Purpose
#simple-table It is used for styling the overall table. All the table specific styles are written here
#simple-table th It is used for styling the head cells of the table.
#simple-table td It is used for styling the data cells of the table.
#simple-table tbody tr:hover td It is used for styling the cells of table on cursor hover effect.