html_cssHallo teman-teman, apa kabarnya ? Semoga baik-baik saja yah, amin.

Pada kesempatan kali ini saya akan berbagi artikel mengenai cara mengubah Bullet icon pada list item html, teman-teman pasti sudah tidak asing lagi dengan yang namanya list item atau kalau di HTML ditulisnya seperti ini li, nah pada dasarnya li ini secara default sudah mempunyai efek bullet, yaitu berwarna hitam bulat, nah kali ini saya akan mencoba menjelaskan cara mengubah warna bulat hitam pada li menjadi gambar, teman-teman penasaran seperti apa cara mengubah nya, langsung saja yuk kita praktikan.

Sebelumnya teman-teman siapkan terlebih dahulu icon berukuran kecil disesuaikan dengan besar gambar atau icon yang di inginkan, setelah itu silahkan buka text editornya kemudian ketikan perintah berikut pada HTML nya:

html

Kalo mau lebih banyak list nya silahkan tinggal ditambahkan lagi, kalo sidah kita lanjutkan untuk script CSS nya, silahkan ketikan script berikut diantara tag head:

css

Pada list-style diatas teman-teman masukan gambar atau icon yang sudah disiapkan tadi, kalo sudah jangan lupa disimpan dan coba teman-teman buka dibrowsernya masing-masing kemudian hasilnya.

Lumayan keren kan, mudah dan simpel, baiklah teman-teman cukup sekian artikel mengenai cara mengubah Bullet icon pada list item html, semoga artikel ini bisa bermanfaat, sampai ketemu di artikel selanjutnya 🙂