html语言制作带样式的表格,HTML5制作表格样式

废话不多说了，具体代码如下所示：

表格

*{

margin: 0;

padding: 0;

}

body{

font: italic 20px Georgia, serif;

letter-spacing: normal;

background-color: #f0f0f0;

}

#content{

width: 750px;

padding: 40px;

margin: 0 auto;

background-color: #fff;

border-left: 30px solid #1D81B6;

border-right: 1px solid #ddd;

box-shadow: 0px 0px 16px #aaa;

}

#table1{

font: bold 16px/1.4em "Trebuchet MS", sans-serif;

}

#table1 thead th{

padding: 15px;

border: 1px solid #93CE37;

border-bottom: 3px solid #9ED929;

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

color: #fff;

background-color: #9DD929;

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

}

#table1 thead th:empty{

background-color: transparent;

border: none;

}

#table1 tbody th{

padding: 0px 10px;

border: 1px solid #93CE37;

border-right: 3px solid #9ED929;

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

color: #666;

background-color: #9DD929;

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

}

#table1 tbody td{

padding: 10px;

border: 2px solid #E7EFE0;

text-align: center;

text-shadow: 1px 1px 1px #fff;

color: #666;

background-color: #DEF3CA;

border-radius: 2px;

}

#table1 tbody span.check::before{

content: url(images/check0.png);

}

#table1 tfoot td{

padding: 10px 0px;

font-size: 32px;

color: #9CD009;

text-align: center;

text-shadow: 1px 1px 1px #444;

}

Smart StarterSmart MediumSmart BusinessSmart Deluxe

Price per month$ 2.90$ 5.90$ 9.90$ 14.90Storage Space512MB1 GB2 GB4 GBBandwidth50 GB100 GB150 GBunlimitedMysql DatabasesunlimitedunlimitedunlimitedunlimitedSetup12.90 ___FCKpd___0lt;/td>12.90 ___FCKpd___0lt;/td>freefreePHP 5 Ruby on Rails

好了，代码到此介绍，完美表格效果就制作出来了。