制作有序列表，用有序列表+CSS制作的问题！

html-css020

制作有序列表，用有序列表+CSS制作的问题！,第1张

li加上float浮动，我觉得一般做li横向，display这个属性跟楼上相反，li上面是必须加的(或者给li里面的内容加也行)，加了再给li或li里面的内容加上固定宽度。不然li不加display无法设置固定宽度，li的宽度就由里面的内容决定了，那么无论你做横向的导航条也好，还是做一个5行2列的新闻列表也好，没有li的宽度就不好做排版对齐或导航条上的a:hover按钮等效果，而一般网页排版中都会有排版li对齐这些需求

楼上不是给了个很好的例子，照着做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>

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

CSS2.0没有办法自动改变为，将序列号改为01、02、03。

如果你懂得PHP或者JS，我可以再和你说怎么改变成你要的效果。

前提是你懂得点动态脚本的基础理念才可以。

你要明白，CSS不过是个定义好的样式，等着你调用的样式。

即是是XML，它现在也不能扩展到自动定义你喜欢的样式列表。

你在下面运用的是ol样式，上面却定义ul的样式，是肯定没用的。

他们是两种列表。

建议楼主把书静下心来，哪怕简单的看上两天，把基础看好，这样后，你再去尝试模仿者写些CSS样式。否则你以后写这个会遇到很问题。