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

2025-04-15 20:32:58
推荐回答(5个)
回答(1):

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

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

  • .
  • 这里的点就是红色的了。

    2.你可以设置为自己喜欢的颜色,如果你要区分点和字的颜色,可以在li里面再嵌入一个标签,像这样:

  • .list1
  • 这样点就是绿色的,字就是红色的了。

    4.将圆点去掉,li{ list-style:none};然后将那个点做成图片,然后嵌入li中。:

  • list1
  • 回答(2):

    .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或者其他标签,再去改变添加标签的颜色,这样子就达到圆点和文本异色的目的了

    回答(3):

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

    回答(4):

    其实是可以改的,参见:网页链接。

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

    .centerbt li{

    content:".";  

    color:gray;

      }

    回答(5):

    很简单
    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代码


    • 第一项

    • 第二项

    • 第三项

    • 第四项