CSS设置表格tr行间距的方法

您所在的位置:网站首页 css怎么设置列表间距 CSS设置表格tr行间距的方法

CSS设置表格tr行间距的方法

2024-07-12 13:41| 来源: 网络整理| 查看: 265

border-collapse 属性设置表格的边框是否被合并为一个单一的边框。

它的属性值如下:

值描述separate默认值。边框会被分开。不会忽略 border-spacing 和 empty-cells 属性。collapse如果可能,边框会合并为一个单一的边框。会忽略 border-spacing 和 empty-cells 属性。inherit规定应该从父元素继承 border-collapse 属性的值。

border-collapse属性加上border-spacing属性就可以设置tr行间距

table{ border-collapse: separate; border-spacing: 5px 10px; }

效果图如下:

    13079544-16807fc307c4fdff.png    

源代码如下:

Document table{ border-collapse: separate; border-spacing: 5px 10px; } table tr td{ background-color: #f00 } class 1 class 2

原文作者技术博客:https://www.jianshu.com/u/ac4daaeecdfe 95后前端妹子一枚,爱阅读,爱交友,将工作中遇到的问题记录在这里,希望给每一个看到的你能带来一点帮助。 欢迎留言交流



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3