在css中设置ul样式,li的前面默认会出现黑色圆点,怎样修改圆点的颜色……求解

html-css011

在css中设置ul样式,li的前面默认会出现黑色圆点,怎样修改圆点的颜色……求解,第1张

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我

在body样式里加上list-style:none就Ok了。 值得注意的是,如果在CSS里面定义了BODY的样式,请注意在CSS里面定义。不要直接在<body>代码里加入。如果是要去掉单个UL,LI前面的点可以直接:<ul style="list-style-type:none">