html表格美化源码,非常酷炫的CSS3表格设计样式源码

资源演示

一组非常酷炫的CSS3表格设计样式源码，推荐用来做设计参考。

CSS参考代码

/* Table 1 Style */

table.table1{

font-family: "Trebuchet MS", sans-serif;

font-size: 16px;

font-weight: bold;

line-height: 1.4em;

font-style: normal;

border-collapse:separate;

}

.table1 thead th{

padding:15px;

color:#fff;

text-shadow:1px 1px 1px #568F23;

border:1px solid #93CE37;

border-bottom:3px solid #9ED929;

background-color:#9DD929;

background:-webkit-gradient(

linear,

left bottom,

left top,

color-stop(0.02, rgb(123,192,67)),

color-stop(0.51, rgb(139,198,66)),

color-stop(0.87, rgb(158,217,41))

);

background: -moz-linear-gradient(

center bottom,

rgb(123,192,67) 2%,

rgb(139,198,66) 51%,

rgb(158,217,41) 87%

);

-webkit-border-top-left-radius:5px;

-webkit-border-top-right-radius:5px;

-moz-border-radius:5px 5px 0px 0px;

border-top-left-radius:5px;

border-top-right-radius:5px;

}

.table1 thead th:empty{

bac