html5中表单合并单元格,html5中table表格标签中合并单元格

百度经验:

首先,我们打开DreamWeaver软件,新建一个html的页面,并以table命名进行保存。

5c00755ee41dee0a4dc83b08de7b8b58.png

然后我们在页面的body标签内部,新建一个table,并在内部添加行和单元格标签。

bb60cff6e95c2a170ff27e4d53dc38e2.png

接下来,我们需要在每个单元格中添上相应的文字,并在浏览器中查看效果。

18aae0dd28720f61a803c3f76888be00.png

可以看到,各个单元格之间的区别并不明显,我们需要为其添加边框。

0093f855f99c0b94e5b74c50690d5298.png

边框只需要在table标签中添加,border即可,border值为阿拉伯数字,添加border后,效果更明显。

94d867f9a004e71e8d762afdff8778ec.png

我们接下来要将第一行的三个单元格合并成一个单元格。分别是跨行合并的rowspan和跨列合并的colspan

ea05dddd43ba75dba744b4ba79fece6c.png

7

具体的用法是这样的。我们在td标签中添加colspan="",引号内填写相应的阿拉伯数字即可。

469922a9f161264eb0491d3a1ba8fb2e.png

8

然后在浏览器中刷新页面,可以看到第一行变成了一个单元格。

1c99315cd6c7f95f31d8a443d82d9223.png

实例代码

(单位:元 )1月2月 3月 4月
李晓文1000.00扣发1000.00 1000.00
周鼎1200.002400.00 2400.00
张克勤1600.001600.00 1600.00 1600.00
闻三山2000.003000.00

效果截图:

f6df12ad57eb9269d26eb650ad77fe9b.png

本文来源于网络:查看 >https://blog.csdn.net/masterShaw/article/details/51606427

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值