登录/注册 会员中心 收藏 动态 创作 HTML常用标签之表格标签(合并单元格)

一、合并单元格的方式

跨行合并rowspan="合并单元格的个数"
跨列合并colspan="合并单元格的个数"
在这里插入图片描述

二、目标单元格

我们只需将代码写入目标单元格即可实现合并单元格的操作

跨行:最上侧单元格为目标单元格
跨列:最左侧单元格为目标单元格

三、删除单元格

在合并单元格时,我们需要删除多余的单元格,仅保留目标单元格即可,具体操作见下面的代码实现~
四 、代码实现

预览图~
在这里插入图片描述
总结

简单地说,合并单元格分为三步:

确定跨列合并还是跨行合并
找到目标单元格,并在目标单元格中添加合并代码
删除多余单元格

你可能感兴趣的:(html)