Cara Menghilangkan Titik/Bullet ul dan li

Cara Menghilangkan Titik/Bullet ul dan li

Mungkin sebagian orang bingung saat menggunakan tag ul (unordered list) dan li karena titik/bullets  yang muncul secara otomatis.
Kali ini saya ingin share tentang cara menghilangkan titik/bullet yang muncul ketika kita menggunakan tag ul dan li. Untuk menghilangkan titik tersebut Anda dapat menggunakan CSS.

Contoh :

• Ini Bullets
• Ini Bullets

Dan yang tidak muncul titik/bullets :

• Ini Bullets
• Ini Bullets

Untuk menghilangkan titik atau bullets seperti di atas, kita menggunakan property CSS list-style atau list-style-type.
Contoh :

<ul><li style="list-style:none;">Contoh</li></ul>

Atau bisa juga dengan :

ul {list-style-type:none;}
li {list-style-type:none;}

Begitulah cara menghilangkan titik/bullets di tag ul dan li. Selain value none, ada juga value square yang akan mengganti bullets/titik menjadi persegi.