css li如何显示不同颜色

本文讲解"css li怎么显示不同颜色",希望能够解决相关问题。

css li显示不同颜色的实现方法:1、通过“ul li::marker {color: #3860f4;}”属性实现修改li颜色;2、通过“li:before {content: "";width: 6px;height: 6px;display: inline-block;border-radius: 50%;background: #4F8EFF...”属性设置颜色。

方法一

<ul>
         <li>{item.tip1}</li>
         <li>{item.tip2}</li>
         <li>{item.tip3}</li></ul>
 ul li::marker {
          color: #3860f4;
 }

效果如下:
css li如何显示不同颜色

方法二

li:before {
          content: "";
          width: 6px;
          height: 6px;
          display: inline-block;
          border-radius: 50%;
          background: #4F8EFF;   //这里不是color
          vertical-align: middle;
          margin-right: 14px;}

关于 "css li怎么显示不同颜色" 就介绍到此。希望多多支持编程宝库

本文讲解"css b标签有什么作用",希望能够解决相关问题。css b标签就是指HTML中的<b>标签,该标签的作用是定义粗体的文本,所有主流浏览器都支持<b>标签;而在CSS中也可以使用“ ...