设置li标签的list-style属性为none
如下例子
li标签在没有设置li{list-style:none}的时候，前面是有圆点的，设置之后，圆点消失
<!DOCTYPE html><html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
li{list-style: none}/*这里设置*/
</style>
</head>
<body>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</body>
</html>
这个是CSS样式问题！在CSS里li属性下会有一个 list-style-type 该属性定义 li 前面是否有圆点或者其他列表数字等！
例如：list-style:none 出来的效果就是下面这个样子的！
、
而如果将该CSS样式中的list-style改为：list-style:disc 则出来就是这样的效果：
具体的表述方法主要有以下这几种：
list-style-type :
disc 默认值。实心圆
circle 空心圆
square 实心方块
decimal 阿拉伯数字
lower-roman 小写罗马数字
upper-roman 大写罗马数字
lower-alpha 小写英文字母
upper-alpha 大写英文字母
none 不使用项目符号
所以，想去掉list前面的符号或者黑点，只要找到CSS中的list-style将其样式进行修改即可！
li{list-style:none}把默认的给去掉，然后把着了色的圆点切成一张背景图片使用。
1.li自身圆点的颜色是修改不了的，你不想要那个圆点的话，可以通过以下几种方式来解决，.将圆点去掉，li{ list-style:none}，然后用color:#ff0000设置字体的颜色，<li>.</li>这里的点就是红色的了。
2.你可以设置为自己喜欢的颜色，如果你要区分点和字的颜色，可以在li里面再嵌入一个标签，像这样：<li style="color:#ff0000font-size。
3.12px"><span style="color:#00ff00font-size:20px">.</span>list1</li>这样点就是绿色的，字就是红色的了。
4.将圆点去掉，li{ list-style:none}；然后将那个点做成图片，然后嵌入li中。：<li style="color:#ff0000font-size:12px<img src="图片地址">list1</li>。
