教育行业A股IPO第一股(股票代码 003032)

全国咨询/投诉热线:400-618-4000

table合并单元格怎么弄?

更新时间:2021年07月26日13时42分 来源:大阳城app官网入口 浏览次数:

Table标签介绍
标签名 定义 说明
表格标签 就是一个四方的盒子
表格行标签 行标签要再table标签内部才有意义
单元格标签 单元格标签是个容器级元素,可以放任何东西
表头单元格标签 它还是一个单元格,但是里面的文字会居中且加粗
表格标题标签 表格的标题,跟着表格一起走,和表格居中对齐
clospan 和 rowspan 合并属性 用来合并单元格的

Table合并单元格2种方式

·跨行合并:rowspan="合并单元格的个数"

·跨列合并:colspan="合并单元格的个数"

下面通过一个案例来演示Table合并单元格

合并单元格实例教程
待合并表格

合并前代码

个人信息表
姓名:刘德华 性别: 年龄:18 照片
身高:180 民族: 婚姻:未婚 照片
个人简介 个人简介 个人简介 个人简介
个人作品 个人作品 个人作品 个人作品

合并后代码

个人信息表
姓名:刘德华 性别: 年龄:18 照片
身高:180 民族: 婚姻:未婚
个人简介 个人简介
个人作品 个人作品

上面案例通过rowspan和colspan实现合并效果,你学会了吗?加QQ:435946716免费获取Html5+CSS+Javascript教程



猜你喜欢:

如何在HTML5中嵌入视频和音频?

HTML中img图片标签的用法?

HTML5的优势有哪些?

什么是HTML,什么是H5?

大阳城app官网入口web前端开发培训课程

0 分享到:
和我们在线交谈!
Baidu
sogou