导
读
前面一节介绍了列表的相关定义，列表的种类等内容，对于列表，还可以设置很多特有的属性。
属性说明CSSlist-style在一个声明中设置所有的列表属性1list-style-image将图象设置为列表项标记1list-style-position设置列表项标记的放置位置1list-style-type设置列表项标记的类型1列表中，常用的一些属性如表所示、
正
文
list-style-type
值描述none无标记。disc默认。标记是实心圆。circle标记是空心圆。square标记是实心方块。decimal标记是数字。decimal-leading-zero0开头的数字标记。(01,02,03,等。)lower-roman小写罗马数字(i,ii,iii,iv,v,等。)upper-roman大写罗马数字(I,II,III,IV,V,等。)lower-alpha小写英文字母Themarkerislower-alpha(a,b,c,d,e,等。)upper-alpha大写英文字母Themarkerisupper-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,等。（日文片假名序号）headmetacharset="UTF-8"title列表/titlestyletype="text/css"ul{list-style-type:upper-alpha;}/style/headbodyulli我们要好好吃饭/lili我们要好好吃饭/lili我们要好好吃饭/lili我们要好好吃饭/li/ul/body
我们可以通过上述案例发现，list-style-type，可以设置的值有很多，可以根据需要设置，这与直接通过type属性相比，会方便很多，做到了html与css的分离。
list-style-image
headmetacharset="UTF-8"title列表/titlestyletype="text/css"ul{list-style-image:url("1.jpg");}/style/headbodyulli我们要好好吃饭/lili我们要好好吃饭/lili我们要好好吃饭/lili我们要好好吃饭/li/ul/body
这里添加了一个很小的图标，但是图标的大小不容易控制，所以在列表中，我们一般不这样设置列表前面图标，而是通过其他的方式来实现，留给读者自行探索。
list-style-position
值描述inside列表项目标记放置在文本以内，且环绕文本根据标记对齐。outside默认值。保持标记位于文本的左侧。列表项目标记放置在文本以外，且环绕文本不根据标记对齐。inherit规定应该从父元素继承list-style-position属性的值。为了方便我们观察效果，我们将各个元素的边框打开
headmetacharset="UTF-8"title列表/titlestyletype="text/css"ul{border:1pxblacksolid;}ulli{border:1pxredsolid;}/style/headbodyulli我们要好好吃饭/lili我们要好好吃饭/lili我们要好好吃饭/lili我们要好好吃饭/li/ul/body
修改样式
styletype="text/css"ul{border:1pxblacksolid;list-style-position:inside;}ulli{border:1pxredsolid;}/style
发现两者的区别了吗？
list-style
这是前面几个属性的集合
可以设置的属性（按顺序）：list-style-type,list-style-position,list-style-image.
可以不设置其中的某个值，比如"list-style:circleinside;"也是允许的。未设置的属性会使用其默认值。
（本文引用的很多知识点，感谢的分享：