<tr>
<td width="100"></td>
<td width="100"></td>
<td width="100"></td>
<td width="100"></td>
</tr>
<tr> //新加的一行tr
<td colspan="4"></td> //新加的一行td,因为是通栏,所以加上colspan属性
</tr>
</table>
colspan属性=4, 表示包含4个单元格的一个通栏表格。想包含几个单元格,数字就写几就可以了
html5中可以把table嵌套在form中就自然合并了。<form>
<table border="1" cellpadding="5" style="border:2px #26FF26 solidtext-align:center">
<tr><td rowspan="2">使用 rowspan 的栏位</td><td>表格栏位</td></tr>
<tr><td>表格栏位</td></tr>
</table>
</form>
这是表格最基本的代码,你需要对表格的宽,高重新设置一下就好了注意:设置表格事先需要知道目标表格是几行、几列。
<style>
table{border:1px solid #333width:600px}
table td{border:1px solid #333}
</style>
<table>
<tr>
<td>费用项目</td><td>类别</td><td colspan="2">金额</td><td rowspan="2">负责人(签章)</td><td rowspan="2">0</td>
</tr>
<tr>
<td>0</td><td>0</td><td colspan="2">0</td>
</tr>
<tr>
<td>0</td><td>0</td><td colspan="2">0</td><td rowspan="2">0</td><td rowspan="2">0</td>
</tr>
<tr>
<td>0</td><td>0</td><td colspan="2">0</td>
</tr>
<tr>
<td>0</td><td>0</td><td colspan="2">0</td><td rowspan="2">0</td><td rowspan="2">0</td>
</tr>
<tr>
<td>0</td><td>0</td><td colspan="2">0</td>
</tr>
<tr>
<td>0</td><td>0</td><td colspan="2">0</td><td>0</td><td>0</td>
</tr>
<tr>
<td colspan="6">0</td>
</tr>
<tr>
<td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td>
</tr>
</table>
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)