menghapus atau mengganti list style tanda titik dengan css

Jika Anda membuat tema adakalanya kita akan menjumpai list yaitu tanda titik yang menyertai Link atau text, biasa html yang diterapkan seperti ini
<ul>
<li>contoh list style</li>
<li>text / Link</li>
</ul>

Hasilnya seperti dibawah ini

Tanda titik hitam tersebut yang dimaksudkan, hal itu dapat kita atasi dengan menerapkan kode css ini

1. untuk keseluruhan blog

ul
{
margin: 0px;
padding: 0px;
list-style: none;
}
li
{
    margin: 0px;
    padding: 4px 0px 4px 0px;
    border-bottom: 1px solid #000;
}

2. untuk bagian tertentu dapat menambah selektor seperti ini, contoh bagian navigasi

#bottom-content ul
{
margin: 0px;
padding: 0px;
list-style: none;
}

#bottom-content ul li
{
margin: 0px;
padding: 4px 0px 4px 0px;
border-bottom: 1px solid #000;
}

List style terdapat 23 jenis seperti angka, huruf, gambar dan lainnya, anda dapat mengubah list style titik diatas dengan lainnya, untuk itu KLIK DISINI Dan Anda dapat melihat apa saja ke 23 jenis list-style css yang dimaksudkan.

Terkait MyWaPBlog