成都网站建设设计

将想法与焦点和您一起共享

HTML&CSS基础学习笔记15-合并单元格-创新互联

合并单元格

成都创新互联专注于企业网络营销推广、网站重做改版、屯留网站定制设计、自适应品牌网站建设、H5响应式网站商城网站制作、集团公司官网建设、成都外贸网站制作、高端网站制作、响应式网页设计等建站业务,价格优惠性价比高,为屯留等各大城市提供网站开发制作服务。

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

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

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

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

样式示例:

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

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

  1.    

  2.    创建一个多行多列的表格

  3. 创建一个多行多列的表格

  4.    第一个单元格第二个单元格第三个单元格

  5.    第四个单元格第五个单元格第六个单元格

  6.    第七个单元格第八个单元格第九个单元格

结果是这样的:更多学习内容,请前往http://www.mayacoder.com/lesson/index

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

创新互联www.cdcxhl.cn,专业提供香港、美国云服务器,动态BGP最优骨干路由自动选择,持续稳定高效的网络助力业务部署。公司持有工信部办法的idc、isp许可证, 机房独有T级流量清洗系统配攻击溯源,准确进行流量调度,确保服务器高可用性。佳节活动现已开启,新人活动云服务器买多久送多久。


网页标题:HTML&CSS基础学习笔记15-合并单元格-创新互联
网页URL:http://chengdu.cdxwcx.cn/article/ccsiop.html