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...」屬性設定顏色。

本教學操作環境：Windows10系統、css3版、DELL G3電腦

css li怎麼顯示不同顏色？

css li修改小圓點的顏色

方法一

          
• {item.tip1}
          
• {item.tip2}
          
• {item.tip3}

 ul li::marker {
          color: #3860f4;
 }

效果如下：

#方法二

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

建議學習：《css影片教學》          

#

以上是css li怎麼顯示不同顏色的詳細內容。更多資訊請關注PHP中文網其他相關文章！