更新时间:2021年07月26日13时42分 来源:大阳城app官网入口 浏览次数:
标签名 | 定义 | 说明 | |
---|---|---|---|
表格标签 | 就是一个四方的盒子 | ||
表格行标签 | 行标签要再table标签内部才有意义 | ||
单元格标签 | 单元格标签是个容器级元素,可以放任何东西 | ||
表头单元格标签 | 它还是一个单元格,但是里面的文字会居中且加粗 | ||
表格标题标签 | 表格的标题,跟着表格一起走,和表格居中对齐 | ||
clospan 和 rowspan | 合并属性 | 用来合并单元格的 |
·跨行合并:rowspan="合并单元格的个数"
·跨列合并:colspan="合并单元格的个数"
下面通过一个案例来演示Table合并单元格
待合并表格
合并前代码
姓名:刘德华 | 性别:男 | 年龄:18 | 照片 |
身高:180 | 民族:汉 | 婚姻:未婚 | 照片 |
个人简介 | 个人简介 | 个人简介 | 个人简介 |
个人作品 | 个人作品 | 个人作品 | 个人作品 |
合并后代码
姓名:刘德华 | 性别:男 | 年龄:18 | 照片 |
身高:180 | 民族:汉 | 婚姻:未婚 | |
个人简介 | 个人简介 | ||
个人作品 | 个人作品 |
上面案例通过rowspan和colspan实现合并效果,你学会了吗?加QQ:435946716免费获取Html5+CSS+Javascript教程。
猜你喜欢: