HTML&CSS基础学习笔记1.15-合并单元格

合并单元格

之前的文章中,我们已经能够创建一个简单地表格了,如果我们需要把横向的某两个相邻单元格或者纵向的某两个相邻单元格合并,我们该怎么做呢?我们要知道的知识点如下:


1.标签的[colspan]属性规定单元格可横跨的列数,即横向合并的单元格数;

2.标签的[rowspan] 属性规定单元格可横跨的行数,即纵向合并的单元格数;

3.这2个标签也可以同时使用。


样式示例:

HTML&CSS基础学习笔记1.15-合并单元格_第1张图片


现在就来试试合并单元格吧:




    
    创建一个多行多列的表格


创建一个多行多列的表格

第一个单元格第二个单元格第三个单元格
第四个单元格第五个单元格第六个单元格
第七个单元格第八个单元格第九个单元格

结果是这样的:

HTML&CSS基础学习笔记1.15-合并单元格_第2张图片

更多学习内容,请前往http://www.mayacoder.com/lesson/index


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