Beautiful Tables CSS Designes

Designes Beautiful tables with css and jquery. Try this simple code and turn of boring table format into a clean and beautiful look.
Beautiful Tables CSS Designes

CSS Code

.table
{
 font-family:"Arial Black", Gadget, sans-serif;
 border:solid 1px #eee;
 padding:5px;
 box-shadow:0px 0px 5px #ccc;
}
.table th
{
 background:#33c744;
 padding:10px;
 color:#fff;
 text-align:left;
}
.table td
{
 padding:10px;
 font-size:14px;
}
.border
{
 border-top:solid 1px #ccc;
 border-bottom:solid 1px #ccc;
}

  


    
Heading 1
    
Heading 2
    
Heading 3
    
Heading 4
    
Heading 5
  

    
One
    
Two
    
Three
    
Four
    
Five
  

    
One
    
Two
    
Three
    
Four
    
Five
  

    
One
    
Two
    
Three
    
Four
    
Five
  

    
One
    
Two
    
Three
    
Four
    
Five
  

    
One
    
Two
    
Three
    
Four
    
Five
  

    
One
    
Two
    
Three
    
Four
    
Five
  

Download File Used in this example View Live Demo

Total Downloads: