css中的列表样式

css中的列表样式
在⽹页设计中，我们经常将某些具有相似功能的标签放在同⼀组中，这时我们经常会⽤到列表标签（⽆序列表ul，有序列表ol），在列表标签中对列表样式的设计可以使我们的页⾯得到⼀定程度的美化。

在css中对列表样式主要是对列表项⽬前列表符号的设置，其语法如下：
list-style-type : disc | circle | square | decimal |
lower-roman | upper-roman | lower-alpha | upper-alpha |
none | armenian | cjk-ideographic | georgian | lower-greek |
hebrew | hiragana | hiragana-iroha | katakana | katakana-iroha |
lower-latin | upper-latin
通过取不同的list-style-type属性值，我们可以得到不同的项⽬符号。

例：
ul { list-style-type:disc;} /*实⼼圆*/
ul { list-style-type:circle;} /*空⼼圆*/
ul { list-style-type:square;} /*实⼼⽅块*/
ul { list-style-type:none;} /*不显⽰项⽬符号*/
ol { list-style-type:decimal;} /*阿拉伯数字*/
ol { list-style-type:lower-roman;} /*⼩写罗马数字*/
ol { list-style-type:upper-alpha;} /*⼤写英⽂字母*/
如果对于css中所规定了的众多列表符号感到不满意，我们呀可以⾃定义列表的符号
list-style-image : none | url ( url )
使⽤这种⽅式，我们可以为项⽬列表设置任意的图⽚为列表符号。

这⾥，我们所设的值为图⽚⽂件相对于⽹页⽂件的路径或绝对路径（来⾃⽹站的⽂件）。

在列表样式中最为需要注意的是，列表样式只能在列表标签中设置（ul，ol），⽽不能设置在列表的⾃标签中（li）。