模拟列表中的边界折叠(无表)
|
我总是有同样的问题,当我有2个带边框的相邻元素时,边框将合并。对于表,我们具有border-collapse属性来解决此问题。
我曾尝试从一侧的边框中删除边框,但这仅适用于中间的元素,第一个和最后一个元素会丢失边框。
有人知道例如列表元素的解决方案吗?
没有找到相关结果
已邀请:
7 个回复
悍蕾驮苇袜
CSS:
茶鬼失形
坝硷操
这将清除列表中最后一个元素以外的所有li元素的右边框。
室邢
元素上使用(顶部和侧面)边框,然后为最后一个添加底部边框。
然后,选择一个悬停边框样式:
最后,使用同级选择器更改下一项的顶部边框,使其与您的悬停项目的悬停边框匹配。
http://jsfiddle.net/8umrq46g/
涸坍饺
扭湘阀柿蹄
辅奈
CSS:
jsfiddle示例