html中如何将表格<td>进行拆分

html中如何将表格<td>进行拆分,第1张

您好,这个可以用css编写,当然也可以用表格了。我帮您写了出来了,我已经好久没写表格了,专门百度学习后写的,不容易,希望能够帮到您。望采纳谢谢。代码在下面。

<table border="1" width="100%" cellspacing="0" cellpadding="0" height="195">

<tr>

<td rowspan="2">区域一</td>

<td rowspan="2">区域二</td>

<td>区域三</td>

</tr>

<tr>

<td>区域四</td>

</tr>

</table>

你这个是3列表格的,最后一个可以这样处理

前2个列合并

<tr>

<td colspan="2">1</td>

<td >2</td>

</tr>

后2个列合并

<tr>

<td >1</td>

<td colspan="2">2</td>

</tr>

rowspan="2" colspan="3"

可以设置跨行和跨列数

<table width="800" border="1">

<tr>

<td rowspan="2" colspan="1">

<br />

<br />

</td>

<td>

<br />

<br />

</td>

<td>

<br />

<br />

</td>

</tr>

<tr>

<td rowspan="2" colspan="2">

<br />

<br />

<br />

<br />

</td>

</tr>

<tr>

<td>

<br />

<br />

</td>

</tr>

</table>


欢迎分享,转载请注明来源:夏雨云

原文地址:https://www.xiayuyun.com/zonghe/352219.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-08
下一篇2023-05-08

发表评论

登录后才能评论

评论列表(0条)

    保存