介绍
本篇文章为大家展示了使用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来给表格添加边框。
<强>方法1:只对表格表标签设置边框强>
只对表标签设置边境(边框)样式,将让此表格最外一层表个边框,而表格内部不产生边框样式。
语法:
表{ 边界:1 px solid 红色; }
效果图:
<强>方法2:对td设置边框强>
对表表格td设置边框样式,表格对象内td将实现边框样式,但中间部分道明会导致出现双边框。
语法:
td { 边界:1 px solid 红色; }
效果图:
如果觉得双线效果不好看。可以设置:
table { ,,,,,,,border-collapse:,崩溃; ,,,,,,, }
为表格(表)设置合并边框模型(合并边框),效果图:
上述内容就是使用css怎么给表格设置边框,你们学到知识或技能了吗?如果还想学到更多技能或者丰富自己的知识储备,欢迎关注行业资讯频道。