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

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

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

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

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

312px;"><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>。

假如标记为1和2

$(function(){
    var tag
    if(tag == 1){
        $("#tabs-1")show();
    }else if(tag == 2){
        $("#tabs-2")show();   
    }else{
        $("#tabs-1,#tab-2")hide();
    }
})

你的菜单应该是由样式表控制样式的,在鼠标悬浮在菜单项上的时候,这个项的样式就改变了,要使某一项默认是选中的,只要对那一项应用样式就可以了,比如:
<ul>
<li
class='Current'>首页</li>
<li>日志</li>
<li>留言板</li>
<li>相册</li>
<li>关于我</li>
</ul>
当然具体如何实现还要看你的菜单是如何实现的。

上述样式一般通过取消默认的list标记,然后以的形式实现;但是,也可以直接设置li的样式实现,思路是在li标签下嵌套span标签,然后将li的样式设置为红色,字号较大,而span为正常的样式。下面给出后者的实例演示:

创建Html元素

<div class="box">
<span>通过设置li及其子元素span的不同样式将li默认的黑色标记改为红色,且显示较大:</span><br>
<div class="content">
<ul class="test">
  <li><span>Glen</span></li>
  <li><span>Tane</span></li>
  <li><span>John</span></li>
  <li><span>Ralph</span></li>
</ul>
</div>
<div class="content">
<ul>
  <li>Glen</li>
  <li>Tane</li>
  <li>John</li>
  <li>Ralph</li>
</ul>
</div>
</div>

设置css样式

divbox{width:300px;padding:20px;margin:20px;border:4px dashed #ccc;}
divbox>span{color:#999;font-style:italic;}
divcontent{width:250px;margin:10px 0;padding:20px;border:2px solid #ff6666;}
li{margin:5px 0;}
ultest li{color:red;font-size:30px;}
ultest li span{display:inline-block;color:black;font-size:16px;}

观察对比效果


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

原文地址: http://outofmemory.cn/yw/13393050.html

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

发表评论

登录后才能评论

评论列表(0条)

保存