html表格边框线怎么设置,html如何设置表格单行的边框
今天小编为大家分享生活中的小常识、日常问题解答等相关内容,希望能够帮助大家。
1、打开皮查姆开发工具,新建td.html文件,写代码如下;
2、!DOCTYPE html html head meta charset=' UTF-8 ' title title/title/head body table tr TD hello/TD TD world/TD/tr/table/body/html
3、表格标签是tr表是行,td是单元格
4、点击左上角的浏览器图标查看效果如下图
5、表格虽然可以显示,但是没有边框很难看,增加几行并设置边框和背景颜色如下:
6、!DOCTYPE html html lang=' en ' head meta charset=' UTF-8 ' title title/title/head body table border=' 1 ' bgcolor=' red ' tr TD hello/TD TD TD TD TD world/TD/tr tr TD hi/TD TD TD lily/TD/tr tr TD呵呵/TD呵呵/td /tr /table/body/html
7、浏览器中查看效果如下图
8、跨行和跨列也是表格常用的属性,写个代码演示一下
9、!DOCTYPE html html lang=' en ' head meta charset=' UTF-8 ' title title/title/head body table border=' 1 ' bgcolor=' red ' tr TD colspan=' 2 ' hello/TD/tr tr TD world/TD row span=' 2 ' hi/TD/tr tr TD hehe/TD/tr/table/body/html
10、浏览器中查看跨行跨列效果如下图
11、添加表头thead,代码如下:
12、!DOCTYPE html html lang=' en ' head meta charset=' UTF-8 ' title title/title/head body table border=' 1 ' bgcolor=' red ' thead我是表头/ad tr TD colspan=' 2 ' hello/TD/tr tr TD world/TD TD rowspan=' 2 ' hi/TD/tr tr TD hehe/TD/tr/table/body/html
13、浏览器中查看表头效果如下图
本文到此结束,希望对大家有所帮助。
Www.yiLeen.com.CN艺莲園提供生活百科,美食,购物,旅游,房产,交通,家居,数码,科技,财经,教育,健康,娱乐,历史,汽车,生活消费门户网站
本文部分文字与图片资源来自于网络,转载此文是出于传递更多信息之目的,若有来源标注错误或侵犯了您的合法权益,请立即通知我们,情况属实,我们会第一时间予以删除,并同时向您表示歉意,谢谢!
联系邮箱:773537036@qq.com
下一篇:肃军介绍,肃军的历史事件
发表评论