MoreLesson 258Preview gratis
Bullet Color
Lesson ini bagian dari How To · Semua level
Ringkasan
Warna bullet pada daftar dapat diatur dengan pseudo-element ::marker atau dengan membuat bullet kustom memakai ::before. ::marker adalah cara modern yang sederhana untuk mengubah warna dan beberapa properti marker. Untuk kontrol penuh atas bentuk dan posisi, hapus marker bawaan lalu gambar sendiri dengan pseudo-element.
Poin kunci
- ::marker memungkinkan perubahan color dan font pada marker daftar.
- list-style-type: none menghapus marker bawaan.
- ::before pada <li> dapat membuat bullet kustom dengan bentuk dan warna bebas.
- Beri jarak dengan padding agar bullet tidak menempel pada teks.
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.