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

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

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

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

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

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

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

这个问题可以给每个li增加一个class属性,这样就可以统一管理每个li的背景色了。在style里面设置class对应的background-color。你想要的相同颜色的li的class属性值相同就可以了

#top_e li {

font-size:9pt

background-color: #4BAFDA

color:#000000

text-decoration:none

display: inline

border: 1px solid #000000

overflow: visible

width: 11%

height: 40px

margin-bottom: 10px

text-align: center

padding-top: 12px

}

#top_e li {

color:red

}

<div id="top_e">

<li> *** 作</li>

<li>基站名称</li>

<li>进站人员</li>

<li class="one">联系电话</li>

<li>归属公司</li>

<li>进站时间</li>

<li>出站时间</li>

<li>进站原因</li>

<li> *** 作</li>

</div>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11500632.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-16
下一篇 2023-05-16

发表评论

登录后才能评论

评论列表(0条)

保存