我想在我的<ul>
列表底部有两条 1px(或 2px)的分隔线。
这就是我到目前为止所拥有的。
HTML
<ul>
<li>here's one </li>
<li>here's another one</li>
<li>here's the last one</li>
</ul>
CSS
ul {
border-bottom: 1px solid black;
}
ul li {
border-top: 1px solid red;
}
ul li:last-child {
border-bottom: 1px solid red;
}
在 jsfiddle 上看到它。
如何在底部边框(红色和黑色)之间获得一些间距?