HTML5网页设计阶梯教程（5）——如何设置单元格背景与如何合并单元格

上一章我讲了如何创建表格和设置单元格的大小，这一章我讲一讲如何设置单元格背景与如何合并单元格。
老规矩，先上图：
这是设置表格背景的代码，只加了background标记，就可以轻轻松松的达到表格背景创建的功能（注意，这只是在一个格内设置背景，如要没个格都设置背景，需在每个td标记内写入background标记和图片名）。
合并单元格也很简单，但是分类很多，又分上下左右合并。
1.左右合并：

2.上下合并：

3.上下左右合并：
这些代码中内容没有改变，只改变了标签，左右合并的标签是colspan，上下合并的标签是rowspan，上下左右合并的标签是colspan+rowspan。
这一章就讲到这里，下一章我再讲讲如何创建文本超链接，图像超链接以及其他超链接~
系列教程持续发布中，欢迎订阅、关注、收藏、评论、点赞哦～～(￣▽￣～)～

HTML5网页设计阶梯教程（5）——如何设置单元格背景与如何合并单元格相关推荐

HTML5网页设计阶梯教程（4）——创建表格和设置单元格的大小
上一章我讲了图片的插入和文字编辑,这一章,我讲一下如何创建表格和设置单元格的大小: 首先,先认识用于创建表格的标记: 下面展示一段在网页中插入三行三列表格的代码: 上述代码中的border标记表示表格 ...
HTML5网页设计阶梯教程（3）——编辑图片
上次讲到了图片的插入和文字编辑,这章,我讲一讲如何用HTML5编辑图片. 第一,是设置图片的长和宽: 如图,这是一个插入图片的代码,其中,src是图片路径,width是图片宽度,height是图片高度 ...
HTML5网页设计阶梯教程（2）——插入图片与文字编辑
接着上一章讲,这章我要说说如何改变文字的大小与粗细及如何插入图片. 首先先看看一个标准的HTML5开头与结尾: 之后,我们在head中插入body: 然后插入标准大小的文本: 如果要将文本加粗的话,可 ...
跨平台html5页面代码,HTML5+CSS3跨平台网页设计实例教程
HTML5+CSS3跨平台网页设计实例教程编辑锁定讨论上传视频 <HTML5+CSS3跨平台网页设计实例教程>是2018年8月清华大学出版社出版的图书,作者是陈承欢.韩耀坤.颜珍平 ...
原生html5网页设计,HTML5网页设计教程
HTML5网页设计教程编辑锁定讨论上传视频 <HTML5网页设计教程>是2017年1月清华大学出版社出版的图书,作者是孙甲霞.吕莹莹.李学勇.金松林.郑颖. 书名 HTML ...
div+css静态网页设计——迪斯尼公主滚动特效(7页) HTML5网页设计成品_学生DW静态网页设计代做_web课程设计网页制作
HTML5期末大作业:电影网站设计--迪斯尼公主滚动特效(7页) HTML5网页设计成品_学生DW静态网页设计代做_web课程设计网页制作常见网页设计作业题材有个人. 美食. 公司. 学校. 旅游 ...
HTML5期末大作业：鲜花超市网站设计——鲜花超市(4页) HTML+CSS+JavaScript HTML5网页设计成品_学生DW静态网页设计代做_web课程设计网页制作
HTML5期末大作业:鲜花超市网站设计--鲜花超市(4页) HTML+CSS+JavaScript HTML5网页设计成品_学生DW静态网页设计代做_web课程设计网页制作作品介绍 1.网页作品简介 ...
期末作业成品代码——红色的婚庆(18页) HTML5网页设计成品_学生DW静态网页设计代做_web课程设计网页制作
HTML5期末大作业:婚庆网站设计--红色的婚庆(18页) HTML5网页设计成品_学生DW静态网页设计代做_web课程设计网页制作常见网页设计作业题材有个人. 美食. 公司. 学校. 旅游. 电 ...
经典html5网页,HTML5网页设计经典
知名HTML5专家及教育学博士新著,深受欢迎的设计师完全养成手册案例典型,涉及四大行业类型:咖啡屋.宠物医院.度假村和瑜伽馆题型多样,章末包含选择题.填空题.简答题.应用题以及案例实战等及时穿插FAQ ...

HTML5网页设计阶梯教程（5）——如何设置单元格背景与如何合并单元格

HTML5网页设计阶梯教程（5）——如何设置单元格背景与如何合并单元格相关推荐

最新文章

热门文章