在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>。

#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>

题目有点简单,不清楚具体问题是什么。

下面写了一下关于鼠标移入移出,li变色的例子,仅供参考。

思路:当鼠标移入时,修改li的背景色,直接用background修改就可以。

鼠标移出时,恢复原来li的背景色。

 <body>

     <ul id="ul">

            <li></li>

            <li></li>

            <li></li>

            <li></li>

            <li></li>

            <li></li>

            <li></li>

            <li></li>

            <li></li>

            <li></li>

        </ul>

    </body>

    <script>

  var oUl = document.getElementById('ul')

var aLi = oUl.children

for(var i=0i<aLi.lengthi++){

aLi[i].onmouseover = function(){

this.style.background = 'red'

}

aLi[i].onmouseout = function(){

this.style.background = ''

}

}

</script>


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

原文地址: https://outofmemory.cn/bake/11675391.html

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

发表评论

登录后才能评论

评论列表(0条)

保存