在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/

P.S。 如果你想要f.e.您可以在text-indent css属性与li选择器之间使用背景和列表项文本之间的更多空间。