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

  介绍

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

什么是css

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

默认表格是没有边框的

& lt; table>   & lt; tr>   & lt; td>商品& lt;/td>   & lt; td>价格& lt;/td>   & lt;/tr>   & lt; tr>   & lt; td> T恤& lt;/td>   & lt; td>¥100 & lt;/td>   & lt;/tr>   & lt; tr>   & lt; td>牛仔褂& lt;/td>   & lt; td>¥250 & lt;/td>   & lt;/tr>   & lt; tr>   & lt; td>牛仔库& lt;/td>   & lt; td>¥150 & lt;/td>   & lt;/tr>   & lt;/table>

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

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

<强>方法1:只对表格表标签设置边框

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

语法:

表{   边界:1 px  solid 红色;   }

效果图:

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

<强>方法2:对td设置边框

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

语法:

td {   边界:1 px  solid 红色;   }

效果图:

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

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

table  {   ,,,,,,,border-collapse:,崩溃;   ,,,,,,,   }

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

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

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

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