廢話不多說了，具體代碼如下所示：：
<！doctype html> <html> <head> <meta charset = utf-8> <title> </title> </title> </title> <style type = text/css> * *{margin：0;填充：0; } Body {Font：斜體20px Georgia，Serif;字母間隔：正常；背景色：＃f0f0f0; } #content {width：750px;填充：40px;保證金：0自動；背景色：#FFF;邊界左：30px實心＃1D81B6;邊框權利：1px實心#DDD;盒子陰影：0px 0px 16px #aaa; }＃table1 {font：bold 16px/1.4em trebuchet MS，sans-serif; }＃table1 thead th {填充：15px;邊界：1PX實心＃93CE37;邊界底：3PX固體＃9ED929;文字陰影：1PX 1PX 1PX＃568F23;顏色：#fff;背景色：＃9DD929;邊界 - 拉迪烏斯：5px 5px 0px 0px; }＃table1 thead th：空{背景色：透明;邊界：無； }＃table1 tbody th {padding：0px 10px;邊界：1PX實心＃93CE37;邊境權利：3PX實心＃9ED929;文字陰影：1PX 1PX 1PX＃568F23;顏色：＃666;背景色：＃9DD929;邊界 - 拉迪烏斯：5px 0px 0px 5px; }＃table1 tbody td {填充：10px;邊界：2PX固體＃e7efe0;文字平衡：中心；文本陰影：1px 1px 1px #fff;顏色：＃666;背景色：＃def3ca;邊界拉迪烏斯：2px; }＃table1 tbody span.check :: {content：url（images/check0.png）; }＃table1 tfoot td {填充：10px 0px;字體大小：32px;顏色：＃9CD009;文字平衡：中心；文字陰影：1PX 1PX 1PX＃444; } </style> </head> <body> <div id = content> <table id = table1> <thead> <tr> <tr> <th> </th> <th scope = col abbr = abbr = starter > smart啟動器</ th> <th scope = col abbr =中>智能中等</th> <th scope = col abbr = business>智能企業</th> <th scope = col abbr = deluxe> smart deluxe < /th> </th> </tr > </thead> <tfoot> <tr> <th scope = row>每月價格</th> <td> $ 2.90 </td> <td> $ 5.90 </ td> <td> <td> $ 9.90 </td > <td> $ 14.90 </td> </tr> </tfoot> <tbody> <try> <tr> <th scope = row>存儲空間</ th> <td> 512MB </td> <td> <td> 1 GB < /td> <td> 2 gb </td> <td> 4 GB </td> </tr> <tr> <tr> <th scope = row> bandWidth </th> <td> 50 GB </td> <td> <td> <td > 100 GB </td> <td> 150 GB </td> <td>無限</ td> </td> </tr> <tr> <tr> <th scope = row> mysql databases </th> <td> unlimited </td > <td>無限</td> <td> unlimited </ td> <td>無限</td> </td> </tr> <tr> <tr> <th scope = row> setup </th> <td> 12.90 ______________________________________________________________________________________________________________________________ 0LT;// td> <td> 12.90 ___ fckpd ___ 0lt;/td> <td> free </td> <td> free </td> </td> </tr> <tr> <tr> <th scope = row> row> php 5 </ th> <tp> <td> <td> <td> < SPAN class = check> </span> </td> <td> <span class = check> </span> </td> <td> <td > <span class = check> </span> </span> </td> <td> <td> <span class = check> </span> </td> </tr> <tr> <th scope = row> rails on rails </th> <td> <td> <span class = check> </span> </span> </span> </td > <td> <span class = check> </span> </td> <td> <td> <span class = check> </span> </td> <td> <td> <td> <span class = check> </span> </span> </span > </ TD> </tr> </tbody> </table> </div> </body> </html>好了，代碼到此介紹，完美表格效果就製作出來了。，完美表格效果就製作出來了。