css - 将 border-bottom 添加到 ol 中的 li

标签 css border padding html-lists

试图添加一个 border-bottom: 1px solid #ccc to an li in an ol.

我希望 ol 的数字在边界内而不是在边界外。现在边框不在数字下方。

我现在设置了这些类:

ol {padding:0 0 0 30px;margin:0;}
ol li {font-size:15px;font-weight:bold;color:#666;border-bottom:1px solid #ccc;padding:0 0 15px;margin:0 10px 15px 0;}

基本上希望 li 周围有 15px 的内边距,而边框是 ol 的全宽。

任何关于这方面的指导都将非常感谢!

最佳答案

我认为你想添加

list-style-position: inside;

你的 ol liol 风格。

关于css - 将 border-bottom 添加到 ol 中的 li,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4430868/

相关文章:

css - css中后续兄弟组合符(~)和子选择符(>)的区别

html - 在 CSS 中更改图像的大小

html - 使表格单元格成为 block 元素

java - 摆脱 javafx.scene.control.TextField 上的重复边框

java - 如何删除仍然使用流布局的 JPanel 之间的填充?

css - IE 6's margin and padding "行为的传奇烦恼”(求助!)

jquery - 显示/隐藏加载 GIF 无法使其工作

text - 如何在 SwiftUI 中制作文本笔划?

html - 在 CSS 中绘制空内联框?

ios - 在 iOS Webview 顶部获取填充/边距