Bagaimana untuk memaparkan warna yang berbeza dalam css li

Cara melaksanakan warna yang berbeza dalam css li: 1. Ubah suai warna li melalui atribut "ul li::marker {color: #3860f4;}" 2. Melalui "li:before {content: "; " ;width: 6px;height: 6px;display: inline-block;border-radius: 50%;background: #4F8EFF..." atribut untuk menetapkan warna.

Persekitaran pengendalian tutorial ini: sistem Windows 10, versi css3, komputer DELL G3

Cara memaparkan warna yang berbeza dalam css li?

css li untuk mengubah suai warna titik kecil

Kaedah 1

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

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

Kesannya adalah seperti berikut:

Kaedah 2

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

Pembelajaran yang disyorkan: "tutorial video css"

Atas ialah kandungan terperinci Bagaimana untuk memaparkan warna yang berbeza dalam css li. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!