在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

使用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/

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