html – 使用>元素在底部的双边框之间添加间距

发布时间：2020-12-14 22:48:40 所属栏目：资源来源：网络整理

导读：我希望在我的底部有两条1px(或2px)的分隔线.名单. 这就是我到目前为止所拥有的. HTML CSS ul { border-bottom: 1px solid black;}ul li { border-top: 1px solid red;}ul li:last-child { border-bottom: 1px solid red;}? See it on jsfiddle. 如何在底部

我希望在我的< ul>底部有两条1px(或2px)的分隔线.名单.

这就是我到目前为止所拥有的.

HTML


CSS

ul {
    border-bottom: 1px solid black;
}
ul li {
    border-top: 1px solid red;
}
ul li:last-child {
    border-bottom: 1px solid red;
}
?

See it on jsfiddle.
如何在底部边框(红色和黑色)之间留出一些间距？


最佳答案
一个简单的解决方案是在UL的底部添加填充：

ul {
    border-bottom: 1px solid black;
    padding-bottom: 10px; /* your desired spacing */
}

您在此处更新的演示：http://jsfiddle.net/tnevg/4/
                        （编辑：李大同）
【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!

html – 使用&#62;元素在底部的双边框之间添加间距

html – 使用>元素在底部的双边框之间添加间距