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

Question

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

<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

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

您的 HTML 代码的 CSS：

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

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

PS如果你想在背景和列表项文本之间有更多的空间，你可以使用text-indent 带有选择器的css属性li。