html - 在 html 中格式化 ol 列表计数

Question

如何使用 css 仅格式化 list-index 的背景？

<ol style="list-style-type:decimal">
    <li>Tagesordnung</li>
    <li>Pause</li>
    <li>Vorbesprechung</li>
    <li>Mittagessen</li>
    <li>Vortrag zum Thema "Komme nie zu fr&uuml;h zur Sache!"</li>
    <li>Pause</li>
    <li>Gem&uuml;tlicher Ausklang</li>
</ol>

Answer 1

使用 css list-style-position: outside; 就够了吗？

HTML 代码的 CSS:

ol{
    background-color: red;
    list-style-position: outside;
}
ol li{
    background-color: white;
}

这是 jsfiddle 示例。
http://jsfiddle.net/RGKnu/1/

附言如果你想要 f.e.您可以将 text-indent css 属性与 li 选择器一起使用，从而在背景和列表项文本之间留出更多空间。