好看的php表格样式,3款精美的css3 table表格样式设计

特效描述：3款精美的css3 table表格样式。table表格样式设计

代码结构

1. 引入CSS

2. HTML代码

*{margin:0;padding:0;}

body{font-family: Georgia, serif;font-size: 20px;font-style: italic;font-weight: normal;letter-spacing: normal;background: #f0f0f0;}

#content{background-color:#fff;width:750px;padding:40px;margin:0 auto;border-left:30px solid #1D81B6;border-right:1px solid #ddd;-moz-box-shadow:0px 0px 16px #aaa;}

.head{font-family:Helvetica,Arial,Verdana;text-transform:uppercase;font-weight:bold;font-size:12px;font-style:normal;letter-spacing:3px;color:#888;border-bottom:3px solid #f0f0f0;padding-bottom:10px;margin-bottom:10px;}

.head a{color:#1D81B6;text-decoration:none;float:right;text-shadow:1px 1px 1px #888;}

.head a:hover{color:#f0f0f0;}

#content h1{font-family:"Trebuchet MS",sans-serif;color:#1D81B6;font-weight:normal;font-style:normal;font-size:56px;text-shadow:1px 1px 1px #aaa;}

#content h2{font-family:"Trebuchet MS",sans-serif;font-size:34px;font-style:normal;background-color:#f0f0f0;margin:40px 0px 30px -40px;padding:0px 40px;clear:both;float:left;width:100%;color:#aaa;text-shadow:1px 1px 1px #fff;}

Table Style 1

Smart StarterSmart MediumSmart BusinessSmart Deluxe

Price per month$ 2.90$ 5.90$ 9.90$ 14.90Storage Space512 MB1 GB2 GB4 GBBandwidth50 GB100 GB150 GBUnlimitedMySQL DatabasesUnlimitedUnlimitedUnlimitedUnlimitedSetup19.90 $12.90 $freefreePHP 5 Ruby on Rails

Table Style 2

Smart StarterSmart MediumSmart BusinessSmart Deluxe

Price per month$ 2.90$ 5.90$ 9.90$ 14.90Storage Space512 MB1 GB2 GB4 GBBandwidth50 GB100 GB150 GBUnlimitedMySQL DatabasesUnlimitedUnlimitedUnlimitedUnlimitedSetup19.90 $12.90 $freefreePHP 5 Ruby on Rails

Table Style 3

Smart StarterSmart MediumSmart BusinessSmart Deluxe

Price per month$ 2.90$ 5.90$ 9.90$ 14.90Storage Space512 MB1 GB2 GB4 GBBandwidth50 GB100 GB150 GBUnlimitedMySQL DatabasesUnlimitedUnlimitedUnlimitedUnlimitedSetup19.90 $12.90 $freefreePHP 5 Ruby on Rails