css，有序列表问题

html-css012

css，有序列表问题,第1张

设置值为：

li{list-style:square}

none    无标记。    

disc    默认。标记是实心圆。    

circle    标记是空心圆。    

square    标记是实心方块。    

decimal    标记是数字。    

decimal-leading-zero    0开头的数字标记。(01, 02, 03, 等。)    

lower-roman    小写罗马数字(i, ii, iii, iv, v, 等。)    

upper-roman    大写罗马数字(I, II, III, IV, V, 等。)    

lower-alpha    小写英文字母The marker is lower-alpha (a, b, c, d, e, 等。)    

upper-alpha    大写英文字母The marker is upper-alpha (A, B, C, D, E, 等。)    

lower-greek    小写希腊字母(alpha, beta, gamma, 等。)    

lower-latin    小写拉丁字母(a, b, c, d, e, 等。)    

upper-latin    大写拉丁字母(A, B, C, D, E, 等。)    

hebrew    传统的希伯来编号方式    

armenian    传统的亚美尼亚编号方式    

georgian    传统的乔治亚编号方式(an, ban, gan, 等。)    

cjk-ideographic    简单的表意数字    

hiragana    标记是：a, i, u, e, o, ka, ki, 等。（日文片假名）    

katakana    标记是：A, I, U, E, O, KA, KI, 等。（日文片假名）    

hiragana-iroha    标记是：i, ro, ha, ni, ho, he, to, 等。（日文片假名）    

katakana-iroha    标记是：I, RO, HA, NI, HO, HE, TO, 等。（日文片假名）

楼上不是给了个很好的例子，照着做ol里一样也行的通，你要是想显示有数字12346~~这样的序列数字，可以把你要换的图片上分别加上这些数字，然后再分别代入到li里

比如:

.one{backgroud:url(图片1) no-repeatpadding-left:20px}

.two{backgroud:url(图片2) no-repeatpadding-left:20px}

<li class="one"></li>

<li class="two"></li>

类推，有点麻烦，不过思路就这样了，希望对你有帮助吧