我们可以通过css中的，list-style-type属性进行定义，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  。这些语法就是定义LI前面小点的样式所用到的,当然,前面使用小图标,效果更是千变万化,具体的实施,就是个人的爱好了

语法：  
list-style-image : none | url ( url )   
取值：  
none  :　 默认值。不指定图像   
url ( url )  :　 使用绝对或相对 url 地址指定图像   

语法：  
list-style-position : outside | inside   
取值：  
outside  :　 默认值。列表项目标记放置在文本以外，且环绕文本不根据标记对齐   
inside  :　 列表项目标记放置在文本以内，且环绕文本根据标记对齐   

语法：  
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   
取值：  
disc  :　 CSS1  默认值。实心圆   
circle  :　 CSS1  空心圆   
square  :　 CSS1  实心方块   
decimal  :　 CSS1  阿拉伯数字   
lower-roman  :　 CSS1  小写罗马数字   
upper-roman  :　 CSS1  大写罗马数字   
lower-alpha  :　 CSS1  小写英文字母   
upper-alpha  :　 CSS1  大写英文字母   
none  :　 CSS1  不使用项目符号   
armenianl  :　 CSS2  未支持。传统的亚美尼亚数字   
cjk-ideographic  :　 CSS2  未支持。浅白的表意数字   
georgian  :　 CSS2  未支持。传统的乔治数字   
lower-greek  :　 CSS2  未支持。基本的希腊小写字母   
hebrew  :　 CSS2  未支持。传统的希伯莱数字   
hiragana  :　 CSS2  未支持。日文平假名字符   
hiragana-iroha  :　 CSS2  未支持。日文平假名序号   
katakana  :　 CSS2  未支持。日文片假名字符   
katakana-iroha  :　 CSS2  未支持。日文片假名序号   
lower-latin  :　 CSS2  未支持。小写拉丁字母   
upper-latin  :　 CSS2  未支持。大写拉丁字母