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

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了在css中设置ul样式,li的前面默认会出现黑色圆点,怎样修改圆点的颜色……求解相关的知识,希望对你有一定的参考价值。

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我
参考技术A lilist-style:none把默认的给去掉,然后把着了色的圆点切成一张背景图片使用;
libackground:url(图点图片路径) no-repeat;本回答被提问者采纳
参考技术B <html>
<head>
<style type="text/css">
ulcolor:#f00;
spancolor:#0f0;
</style>
</head>
<body>
<ul>
<li><span>=====YaopK=====</span></li>
</ul>
</body>
</html>

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

以上……
参考技术C list style="color:blue(换成你想要的颜色)" 参考技术D 很简单哦,

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

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

ul的li在消除默认样式后会缩进显示的解决方案

ul在{list-style:none;}后会缩进显示li的内容,如下图显示:

要想实现li和左边对齐,则需要对ul设置样式{margin:0;padding:0;}即可:(一定要在ul上设置margin和padding,不是对li上进行设置!!!)

 

以上是关于在css中设置ul样式,li的前面默认会出现黑色圆点,怎样修改圆点的颜色……求解的主要内容,如果未能解决你的问题,请参考以下文章

看看怎么用CSS去掉ul li前面的黑色小圆点方法

1、如何用CSS设置ul,使其在div中li靠左对齐?ul有默认的左边距。2、和设置ul的标签样式的大小

CSS li的图片样式

css 中的li 里面默认的黑色点如何换成红色的,然后圆圈变大

CSS样式中 li + li表示啥意思?

各位大侠CSS中list-style-type属性前面小圆圈的颜色可以设置吗?系统默认是黑色的我想搞成红的应怎么设置