CSS里，用了<li>后前面有个圆点，怎么给去了？

html-css017

CSS里，用了<li>后前面有个圆点，怎么给去了？,第1张

<ul style="list-style:none">

<li></li>

</ul>

加上这个

style="list-style:none"

li自身圆点的颜色是修改不了的，你不想要那个圆点的话，可以通过以下几种方式来解决。

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我

那个小圆点是 li{list-style:none}消除的，和你这个通配符的间距没有关系的，看看下面那个是你想要的：

list-style:

disc (缺省值，黑圆点)

circle (空心圆点)

square (小黑方块)

decimal (数字排序)

lower-roman (小写罗马字排序)

upper-roman (大写罗马字排序)

lower-alpha (小写字母排序)

upper-alpha (大写字母排序)

none (无列表项标记)

希望能帮助到你！