在css中设置ul样式,怎样修改li的前面默认圆点的颜色?

发布网友 发布时间：2022-05-01 06:18

我来回答

共6个回答

热心网友 时间：2022-04-21 00:55

li{list-style:none}把默认的给去掉，然后把着了色的圆点切成一张背景图片使用。

1.li自身圆点的颜色是修改不了的，你不想要那个圆点的话，可以通过以下几种方式来解决，.将圆点去掉，li{ list-style:none}，然后用color:#ff0000;设置字体的颜色，<li>.</li>这里的点就是红色的了。

2.你可以设置为自己喜欢的颜色，如果你要区分点和字的颜色，可以在li里面再嵌入一个标签，像这样：<li style="color:#ff0000; font-size。

3.12px;"><span style="color:#00ff00; font-size:20px;">.</span>list1</li>这样点就是绿色的，字就是红色的了。

4.将圆点去掉，li{ list-style:none}；然后将那个点做成图片，然后嵌入li中。：<li style="color:#ff0000; font-size:12px<img src="图片地址">list1</li>。

热心网友 时间：2022-04-21 02:13

.corre_lation ul li{
list-style: disc;
color: #333333;
font-size:14px;
line-height: 28px;
content:".";
color: #A3A3A4
}
.corre_lation ul li div{
color: #333333;
}
先给 li 加个颜色样式，这样子可以改变圆点和文本的颜色，然后给 li 里面的文本再套个div或者其他标签，再去改变添加标签的颜色，这样子就达到圆点和文本异色的目的了

热心网友 时间：2022-04-21 03:48

其实是可以改的，参见：网页链接。

下面这样改的就是导引点的颜色，不会改后面文字的颜色。

.centerbt li{

content:".";  

color:gray;

  }

热心网友 时间：2022-04-21 05:39

在style中添加li{color:你要的颜色}不过这样会把后面的文字颜色也一起改变。

热心网友 时间：2022-04-21 07:47

很简单
css样式
ul{
margin-top: 25px;
adding: 0px;
}
ul li{
color: #2B72D5;
font-size: 70px;
padding: 0px;
line-height: 100px;
}
ul li span{
color: #000;
font-size: 28px;
float: left;
height: 100px;
overflow: hidden;
letter-spacing: 3px;
}
html代码
<ul >
<li><span>第一项</span></li>
<li><span>第二项</span></li>
<li><span>第三项</span></li>
<li><span>第四项</span></li>
</ul>

热心网友 时间：2022-04-21 10:12

我在知乎上看到似乎有更好的方式，用css伪元素
li: before{
content:"●"
color:red;
}