Rumah > Artikel > hujung hadapan web > Bagaimana untuk memaparkan warna yang berbeza dalam css li
Bagaimana untuk memaparkan warna yang berbeza dalam css li
- 藏色散人asal
- 2023-01-28 13:48:521536semak imbas
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!