Sabtu, 10 Maret 2018

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.


2 komentar


EmoticonEmoticon