Template dan Tips Seputar Blogger

Monday, June 19, 2017

Menghilangkan Bullets Titik ul li

Menghilangkan Bullets Titik ul li - Halo selamat pagi, pada artikel berikutnya saya akan memberikan informasi seputar CSS, dan kali ini saya akan membahas Bullets atau Titik ul li.

Menghilangkan Bullets Titik ul li

Bullets adalah titik pada suatu elemen yang menggunakan css ul atau li yang biasanya digunakan pada Menu Navigasi, atau link tertentu pada sidebar atau pun lainnya, Contoh :

Element yang menggunakan Bullets :

  • Ini Bullets 1
  • Ini Bullets 2
  • Ini Bullets 3
  • Ini Bullets 4
  • Ini Bullets 5

Element tanpa menggunakan Bullets :

Ini NoBullets 1
Ini NoBullets 2
Ini NoBullets 3
Ini NoBullets 4
Ini NoBullets 5

Penggunaan ul, li dalam kode CSS template blog akan memberikan pengaruh terhadap tampilan blog kecuali diletakkan dalam setiap elemen dengan memberikan perlakukan khusus terhadap ul, li tersebut.

Untuk menghapusnya mudah saja, tambahkan kode berikut pada suatu element yang tidak perlu menggunakan Bullets : list-style:none; atau list-style-type:none;

Contoh :

.contoh {list-style-type:square;}

Atau :

.contoh {list-style:square;}

Ubah menjadi :

.contoh {list-style-type:none;}

Atau :

.contoh {list-style-type:none;}

Sekian dari saya, mohon maaf apabila ada kekurangan dari tutorial ini.

Berikan tanggapan Anda
EmoticonEmoticon

Adblock Detected

Like this blog? Keep us running by whitelisting this blog in your ad blocker

This is how to whitelisting this blog in your ad blocker

Thank you

×