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

如题所述

推荐答案 2011-07-20

li自身圆点的颜色是修改不了的，你不想要那个圆点的话，可以通过以下几种方式来解决。
1.将圆点去掉，li{ list-style:none}；然后用color:#ff0000;设置字体的颜色。<li>.</li>这里的点就是红色的了，你可以设置为自己喜欢的颜色，如果你要区分点和字的颜色，可以在li里面再嵌入一个标签，像这样：<li style="color:#ff0000; font-size:12px;"><span style="color:#00ff00; font-size:20px;">.</span>list1</li>这样点就是绿色的，字就是红色的了。
2.将圆点去掉，li{ list-style:none}；然后将那个点做成图片，然后嵌入li中。：<li style="color:#ff0000; font-size:12px<img src="图片地址">list1</li>。
希望对你有用哦，不懂的再hi我

温馨提示：答案为网友推荐，仅供参考

当前网址：http://33.wendadaohang.com/zd/c5h5PWh50.html

其他回答

第1个回答推荐于2017-09-01

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

第2个回答 2011-07-20

<html>
<head>
<style type="text/css">
ul{color:#f00;}
span{color:#0f0;}
</style>
</head>
<body>
<ul>
<li><span>=====YaopK=====</span></li>
</ul>
</body>
</html>

代码上面这样的。
用 ul 或 li 设置一个颜色（这个颜色为园点的颜色）
在 li 中套个 span 标签，再设置颜色（这个是字体的颜色）
这样就可以了……

以上……

第3个回答 2013-03-14

list style="color:blue(换成你想要的颜色)"

第4个回答 2011-07-20

很简单哦，

li{ list-style:circle}
就是 list-style参数，这个可选的很多，你用dreamweaver的 css 编辑器里面提示看到。

如果你不想要这个，直接：li{ list-style:none}
----------------
我是沙发哦，要设为最佳哇。。。^_*

1 2 下一页

相似回答

请问css样式中 能不能改变LI前面小黑点的颜色?(字体颜色和小黑点颜色不...答：不能直接修改CSS样式改变颜色，但可以通过<span></span>的背景图像来实现;代码：效果：原理：通过设置<li>下<span>的背景图像来实现小红圆点的效果。

css 中的li 里面默认的黑色点如何换成红色的,然后圆圈变大答：上述样式一般通过取消默认的list标记，然后以图片的形式实现；但是，也可以直接设置li的样式实现，思路是在li标签下嵌套span标签，然后将li的样式设置为红色，字号较大，而span为正常的样式。下面给出后者的实例演示：创建Html元素 <div class="box"><span>通过设置li及其子元素span的不同样式将li默认的...

各位大侠CSS中list-style-type属性前面小圆圈的颜色可以设置吗?系统默 ...答：list-style的颜色可以自己根据需要设置，方法是给<ul>标签加上color属性值，这样就会改变list-style 的颜色，并且不会影响文字的颜色：例如：html代码为：<ul> <li><a href="#" title="百家合符">百家合符</li></ul> css样式代码：ul {padding-left:15px;color:#d1c098;} li {height:20px;...

大家正在搜

css清理默认li样式 css 恢复li默认样式 css中ul样式 ulli内部css样式 css清除li样式 css设置第一个li元素 css ul li css ul li 横向排列 css样式表大全