关于ul li

自定义圆点图标：

html结构：

 

 

 css样式：

 

 

 效果：

 

实心圆点图标：

 

 

 

 

 

 

 

 

清除默认样式：

ul,li{ padding:0;margin:0;list-style:none}

 

设置li前面为指定图像，在ul样式下加上：

list-style-image: url(../img/ul_list.png);

 

li的点跑到外面，需要设置在里面，在ul样式下加上：

list-style-position: inside;

 

 

点点没有出来，检查下是不是设置了display，不要设置！！

 

 

li {list-style-type:符号名称}

css中用list-style-type指定列表(lists)前面符号,如下：

li {list-style-type:符号名称}

符号名称可用的值为：

disc : 　CSS1　实心圆

circle : 　CSS1　空心圆

square : 　CSS1　实心方块

decimal : 　CSS1　阿拉伯数字

lower-roman : 　CSS1　小写罗马数字

upper-roman : 　CSS1　大写罗马数字

lower-alpha : 　CSS1　小写英文字母

upper-alpha : 　CSS1　大写英文字母

none : 　CSS1　不使用项目符号

armenian : 　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　大写拉丁字母