网创优客建站品牌官网
为成都网站建设公司企业提供高品质网站建设
热线:028-86922220
成都专业网站建设公司

定制建站费用3500元

符合中小企业对网站设计、功能常规化式的企业展示型网站建设

成都品牌网站建设

品牌网站建设费用6000元

本套餐主要针对企业品牌型网站、中高端设计、前端互动体验...

成都商城网站建设

商城网站建设费用8000元

商城网站建设因基本功能的需求不同费用上面也有很大的差别...

成都微信网站建设

手机微信网站建站3000元

手机微信网站开发、微信官网、微信商城网站...

建站知识

当前位置:首页 > 建站知识

使用css怎么给表格设置边框

本篇文章为大家展示了使用css怎么给表格设置边框,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。

专注于为中小企业提供网站制作、成都网站建设服务,电脑端+手机端+微信端的三站合一,更高效的管理,为中小企业甘孜州免费做网站提供优质的服务。我们立足成都,凝聚了一批互联网行业人才,有力地推动了成百上千家企业的稳健成长,帮助中小企业通过网站建设实现规模扩充和转变。

什么是css

css是一种用来表现HTML或XML等文件样式的计算机语言,主要是用来设计网页的样式,使网页更加美化。它也是一种定义样式结构如字体、颜色、位置等的语言,并且css样式可以直接存储于HTML网页或者单独的样式单文件中,而样式规则的优先级由css根据这个层次结构决定,从而实现级联效果,发展至今,css不仅能装饰网页,也可以配合各种脚本对于网页进行格式化。

默认表格是没有边框的

商品 价格
T恤 ¥100
牛仔褂 ¥250
牛仔库 ¥150

使用css怎么给表格设置边框

我们可以通过css来给表格添加边框。

方法1:只对表格table标签设置边框

只对table标签设置border(边框)样式,将让此表格最外层table一个边框,而表格内部不产生边框样式。

语法:

table{
	border: 1px solid red;
}

效果图:

使用css怎么给表格设置边框

方法2:对td设置边框

对table表格td设置边框样式,表格对象内td将实现边框样式,但中间部分td会导致出现双边框。

语法:

td{
border: 1px solid red;
}

效果图:

使用css怎么给表格设置边框

如果觉得双线效果不好看。可以设置:

table {
        border-collapse: collapse;
        
}

为表格(table)设置合并边框模型(合并边框),效果图:

使用css怎么给表格设置边框

上述内容就是使用css怎么给表格设置边框,你们学到知识或技能了吗?如果还想学到更多技能或者丰富自己的知识储备,欢迎关注创新互联行业资讯频道。


分享标题:使用css怎么给表格设置边框
文章转载:http://bjjierui.cn/article/jdjjig.html

其他资讯