表格tr下边框设置方法
使用表格时给tr
设置边距如果如下直接使用border-bottom
是没有作用的
tr {
border-bottom : 1px solid #FFF;
}
table
中有一个属性:border-collapse
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;
}
tr{
border-bottom:1px solid #FFF;
}