如何给表格的tr加上下边框
2018-02-26 15:24
85 查看
今天在做一个表格的时候想要给每个tr上设置一个下边框,但当我直接给tr上加上border-bottom的时候发现边框不会正常显示,查找资料后总结如下:
在table中有一个默认的属性:border-collapse
参数:
1.separate 默认值。边框会被分开。不会忽略border-spacing 和 empty-cells 属性。
2.collapse 如果可能,边框会合并为一个单一的边框。会忽略 border-spacing 和 empty-cells 属性。
3.inherit 规定应该从父元素继承border-collapse 属性的值。
这样就找到原因了,我单一的设置了tr的边框是没有效果的,所以应该先把table的border-collapse设置为collapse,将边框合并为一个单一的边框,这样就能设置这个tr的下边框了。故先设置:table{border-collapse:collapse;} 之后再加border-bottom就能正常显示下边框了。
在table中有一个默认的属性:border-collapse
参数:
1.separate 默认值。边框会被分开。不会忽略border-spacing 和 empty-cells 属性。
2.collapse 如果可能,边框会合并为一个单一的边框。会忽略 border-spacing 和 empty-cells 属性。
3.inherit 规定应该从父元素继承border-collapse 属性的值。
这样就找到原因了,我单一的设置了tr的边框是没有效果的,所以应该先把table的border-collapse设置为collapse,将边框合并为一个单一的边框,这样就能设置这个tr的下边框了。故先设置:table{border-collapse:collapse;} 之后再加border-bottom就能正常显示下边框了。
相关文章推荐
- 如何给table表格的tr行加边框
- Flex中如何通过borderStyle和borderSides样式设置NumericStepper控件特定边框(上下左右边)的例子
- 让表格table呈现边框,不用给tr、td加边框的写法
- CSS如何修改tr边框属性实例详解
- excel如何快速更改表格边框的颜色
- css样式,如何处理嵌套的表格边框
- jquery调整表格行tr上下顺序实例讲解
- 如何隐藏HTML表格的四个边框
- 如何给表格设置边框颜色(速记)
- Android 如何去除桌面上下边框暗度逐渐变暗的效果
- css如何让表格table的边框为1像素呢
- 如何定义表格的边框线粗细及颜色
- 如何修改PPT表格的边框颜色
- jQuery实现的调整表格行tr上下顺序
- word 如何设置表格边框和文字间的距离
- 表格边框探秘table及如何快速实现细线表格
- 表格边框探秘table及如何快速实现细线表格
- CSS如何设置html table表格边框样式
- CSS如何设置html table表格边框样式
- jQuery实现的调整表格行tr上下顺序