CSS列表——CSS实验室

CSS的文本列表相关属性可以自定义列表（ul,ol）的显示方法，在“CSS入门教程——列表”一节中，我们已经简要介绍了CSS的列表属性。

CSS列表标记类型：list-style-type

通过设置CSS中的list-style-type属性，我们可以设置列表项之前图标的种类。下面我们来添加一个列表，然后实验者给它设置各种图标种类，实际观察一下设置各属性值后有什么不同。

text-align: ;

可以看到，CSS提供的列表图标样式其实还是挺多的。

CSS的“list-style-position”属性用来控制列表标记的位置，该属性只有inside和outside两个取值。可以点击下面的两个按钮，观察区别。

list-style-position:

我们可以用CSS中的“list-style-image”属性来给列表项设置图片作为标记。

list-style-image: ;

list-style是一个缩写属性，可以一起指定上面几个列表属性，顺序如下list-style-type、list-style-position、list-style-image。