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