我希望在我的< ul>底部有两条1px(或2px)的分隔线.名单.
这就是我到目前为止所拥有的.
CSS
ul {
border-bottom: 1px solid black;
}
ul li {
border-top: 1px solid red;
}
ul li:last-child {
border-bottom: 1px solid red;
}
如何在底部边框(红色和黑色)之间留出一些间距？
最佳答案
一个简单的解决方案是在UL的底部添加填充：
原文链接：https://www.f2er.com/html/425893.htmlul {
border-bottom: 1px solid black;
padding-bottom: 10px; /* your desired spacing */
}
您在此处更新的演示：http://jsfiddle.net/tnevg/4/
