2011年1月14日星期五

表格及合并

简单标准表格:
Html命令:
<table border="1" style="height: 80px;"><tbody>
<tr valign="top"><td>第1行第1列</td><td>第1行第2列</td></tr>
<tr valign="top"><td>第2行第1列</td><td>第2行第2列</td></tr>
<tr valign="top"><td>31</td><td>32</td></tr>
<tr valign="top"><td>41</td><td>42</td></tr>
</tbody></table>


第1行第1列第1行第2列
第2行第1列第2行第2列
3132
4142


上下合并的表格、并可加表格线颜色:
Html命令:
<div>
<table border="1" bordercolor="#000000" cellpadding="3" cellspacing="0" style="border-collapse: collapse; width: 100%;" summary=""><tbody>
<tr valign="top">
<td><div>11</div></td>
<td><div>12</div></td></tr>
<tr valign="top">
<td><div>21</div></td>
<td rowspan="2"><div>22 Merge</div></td></tr>
<tr valign="top">
<td><div>31</div></td>
</tr></tbody></table></div>


11
12
21
22 Merge 
31

左右合并的表格、并可加表格线颜色:
Html命令:
<div>
<table border="2" bordercolor="#288822" cellpadding="3" cellspacing="2" style="width: 100%;"><tbody>
<tr valign="top"><td colspan="2"><div>
11 Merge</div>
</td></tr>
<tr valign="top"><td Style="width: 50%;"><div>
21</div>
</td><td><div>
12</div>
</td></tr>
<tr valign="top"><td><div>
31</div>
</td><td><div>
32</div>
</td></tr>
</tbody></table>
</div>


11 Merge
21
12
31
32

0 评论: