在html中格式化ol列表计数

bbh*_*zbb 2 html css html-lists

如何格式化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>
Run Code Online (Sandbox Code Playgroud)

Mic*_*ael 5

使用CSS list-style-position: outside;就足够了吗?

HTML代码的CSS:

ol{
    background-color: red;
    list-style-position: outside;
}
ol li{
    background-color: white;
}
Run Code Online (Sandbox Code Playgroud)


这是jsfiddle的例子.
http://jsfiddle.net/RGKnu/1/

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