css li怎麼顯示不同顏色

藏色散人
發布: 2023-01-28 13:48:52
原創
1477 人瀏覽過

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

css li怎麼顯示不同顏色

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

css li怎麼顯示不同顏色?

css li修改小圓點的顏色

方法一

登入後複製
              
  • {item.tip1}
  •           
  • {item.tip2}
  •           
  • {item.tip3}
 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影片教學》          
#

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

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!