HTML全面深入学习-table系列

表格标签系列全面学习:table,caption,col,colgroup,thead,tr,th,tbody,td,tfoot：

1. <table class="paytable" border="0" cellpadding="0" cellspacing="0" rules="cols" style="width:100%">
2.     <caption>2009年00月工资表</caption>
3.     <col span="2" style="background-color:silver; text-align:center;"></col>
4.     <colgroup span="5" style="text-align:right;">
5.         <col span="3"></col>
6.         <col style="background-color:yellow"></col>
7.         <col style="background-color:#FF99FF;"></col>
8.     </colgroup>
9.     <thead>
10.         <tr><th>编号 </th><th>姓名 </th><th>基本工资</th><th>奖金</th><th>罚款</th><th>保险扣款</th><th>实发工资</th></tr>
11.     </thead>
12.     <tbody>
13.         <tr><td>0001</td><td>廖大锤</td><td>2050.00</td><td>250.00</td><td>20.00</td><td>84.00</td><td>2196.00</td></tr>
14.         <tr><td>0001</td><td>朱投立</td><td>1800.00</td><td>200.00</td><td>10.00</td><td>45.00</td><td>1945.00</td></tr>
15.         <tr><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
16.         <tr><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
17.         <tr><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
18.     </tbody>
19.     <tfoot>
20.         <tr><th colspan="2">合计: </th><th>3850.00</th><th>450.00</th><th>30.00</th><th>129.00</th><th>4131.00</th></tr>
21.     </tfoot>
22. </table>

1. .paytable{
2.     border-top:1px #00ff00 solid;
3.     border-left:1px #00ff00 solid;
4. }
5. .paytable tr{}
6. .paytable td{
7.     border-bottom:1px #00ff00 solid;
8.     border-right:1px #00ff00 solid;
9. }
10. .paytable th{
11.     border-bottom:1px #00ff00 solid;
12.     border-right:1px #00ff00 solid;
14.     text-align:center;
15.     background-color:black;
16.     color:#ffffff;
17. }