随笔 - 38  文章 - 0  评论 - 1  阅读 - 44916

table中的一些另类标签

thead/tbody/tfoot/caption/colgroup

注意:thead/tbody/tfoot三部分内容不受编辑顺序影响只和标签本身含义从头到脚显示不能把两个tbody的内容进行合并单元格。

代码段:

 

<table border="1" width="500">
<caption style="text-align: right">员工收入</caption>
<colgroup style="background-color: red"></colgroup>
<colgroup></colgroup>
<colgroup style="background-color: red"></colgroup>
<colgroup></colgroup>
<thead>
<tr>
<th>month</th>
<th>month</th>
<th>month</th>
<th>money</th>
</tr>
</thead>
<tbody>
<tr>
<td>一月</td>
<td>380</td>
<td>380</td>
<td>380</td>
</tr>
</tbody>
<tbody>
<tr>
<td>二月</td>
<td>380</td>
<td>380</td>
<td>380</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>三月</td>
<td>400</td>
<td>400</td>
<td>400</td>
</tr>
</tfoot>
</table>

 

posted on   ★【金字塔】☆  阅读(273)  评论(0编辑  收藏  举报
< 2025年1月 >
29 30 31 1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31 1
2 3 4 5 6 7 8

点击右上角即可分享
微信分享提示