CSS Table Styling and its Example
CSS Table :
CSS tables have an advantage of custom borders, spacing, width/height, padding, and layouts. You can create horizontal dividers, responsive, stripped, and hover over tables. You can assign colors to specific elements and make them stand out. Using CSS table styling properties you will be able to create slick designs that will impress even the most tech-savvy enthusiasts.
- th: is defined as table head/header
- tr: is defined as table row.
- td: is defined as table data.
- table coloumn: is column of the table which hold the value in column vise.
- table row: is row of the table which hold the value in row vise.
- border: default table bored is "0" and due to this table will not have border:
Example: default border
Output :
Example :using css style
Output:
Stud.Name | College |
---|---|
Prayag | Anna University |
Pankaj | aimtocode tut |
Rakesh | aimtocode tut |
Hazra | JAC |
Mugu | aimtocode tut |