格式化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;就足夠了嗎？

CSS的HTML代碼：

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選擇器。