1.将圆点去掉，li{ list-style:none}；然后用color:#ff0000设置字体的颜色。<li>.</li>这里的点就是红色的了，你可以设置为自己喜欢的颜色，如果你要区分点和字的颜色，可以在li里面再嵌入一个标签，像这样：<li style="color:#ff0000font-size:12px"><span style="color:#00ff00font-size:20px">.</span>list1</li>这样点就是绿色的，字就是红色的了。
2.将圆点去掉，li{ list-style:none}；然后将那个点做成图片，然后嵌入li中。：<li style="color:#ff0000font-size:12px<img src="图片地址">list1</li>。
希望对你有用哦，不懂的再hi我
css控制li和ul的边距,可以使用margin属性来实现或者padding属性都可以，在设置width和height属性时，计算好各自的距离，然后设置多少px就可以实现，下面介绍了一下简单的控制和去掉li前面圆点的方法一、CSS控制ul缩进间距的方法：
<style type="text/css">
ul{margin-left:-10px}
</style>
<ul>
<li>XXX</li>
</ul>
二、CSS去掉li点的三种方法：
方法一：
<ul>
<li style="list-style-type:none">XXX</li>
<li style="list-style-type:none">XXX</li>
<li style="list-style-type:none">XXX</li>
<li style="list-style-type:none">XXX</li>
</ul>
方法二：
<style type="text/css">
li{list-style-type:none}
</style>
<ul>
<li>XXX</li>
<li>XXX</li>
<li>XXX</li>
<li>XXX</li>
</ul>
方法三：
<style type="text/css">
.li_style{list-style-type:none}
</style>
<ul>
<li class="li_style">XXX</li>
<li class="li_style">XXX</li>
<li class="li_style">XXX</li>
<li class="li_style">XXX</li>
</ul>
