html表格里的单元格合并

1.1水平方向的合并:

html表格里的单元格合并_第1张图片
水平合并

代码:合并列单元格 colspan属性,水平方向合并多个单元格就属性值就等于多少

html表格里的单元格合并_第2张图片
html表格里的单元格合并_第3张图片

效果图:

1.2垂直方向的合并:

html表格里的单元格合并_第4张图片
垂直方向

代码:合并列单元格 rowspan属性,垂直方向合并多个单元格就属性值就等于多少

html表格里的单元格合并_第5张图片
html表格里的单元格合并_第6张图片

效果图:

1.3水平、垂直方向的合并:

html表格里的单元格合并_第7张图片
混合合并单元格

代码:合并列跟行单元格合并,先colspan水平方向合并2个,在rowspan垂直方向合并2个。

html表格里的单元格合并_第8张图片
html表格里的单元格合并_第9张图片

效果图:

你可能感兴趣的:(html表格里的单元格合并)