如何控制<li>里的点

css 管控
--------------------------------------------------------------------------
用CSS定义li样式
li的这个样式定义是将列表项目使用来代替显示的小圆点。当然您也可以显示成其它效果，详细请参阅下面的定义:
列表项目效果的CSS定义
li {list-style-image: url(images/discgif);}
list-style-type: circle(可换成自己想要的样式);　列表项目样式
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　大写拉丁字母
list-style-image: url(images/discgif); 用图像discgif代替列表项目显示
list-style-position : outside | inside
outside:列表项目标记放置在文本以外，且环绕文本不根据标记对齐
inside :列表项目标记放置在文本以内，且环绕文本根据标记对齐
、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、
list-style-type版本：CSS1/CSS2　 兼容：IE4+ NS4+　继承：有
语法：
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　不使用项目符号
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　大写拉丁字母
说明：
设置或检索对象的列表项所使用的预设标记。
若list-style-image属为none或指定图像不可用时，list-style-type属将发生作用。
仅作用于具有display值等于list-item的对象（如li对象）。
注意：ol对象和ul对象的type特为其后的所有列表项目（如li对象）指明列表属。请参阅我的其他著作。
IE55尚不支持所有CSS2的值。
对应的脚本特为listStyleType。

li{
list-style
:none}把默认的给去掉，然后把着了色的圆点切成一张背景使用；li{background:url(图点路径)
no-repeat;}

li{list-style:none}把默认的给去掉，然后把着了色的圆点切成一张背景使用。

1li自身圆点的颜色是修改不了的，你不想要那个圆点的话，可以通过以下几种方式来解决，将圆点去掉，li{ list-style:none}，然后用color:#ff0000;设置字体的颜色，<li></li>这里的点就是红色的了。

2你可以设置为自己喜欢的颜色，如果你要区分点和字的颜色，可以在li里面再嵌入一个标签，像这样：<li style="color:#ff0000; font-size。

312px;"><span style="color:#00ff00; font-size:20px;"></span>list1</li>这样点就是绿色的，字就是红色的了。

4将圆点去掉，li{ list-style:none}；然后将那个点做成，然后嵌入li中。：<li style="color:#ff0000; font-size:12px<img src="地址">list1</li>。

---