使用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://scyanting.com/article/jdjjig.html