Menganti List Style Dengan Gambar (image)

Cara Menganti List Style Dengan Gambar (image) - Tidak ada salahnya jika kita mengganti list style dengan gambar yang cocok dengan hati, apalagi jika macam jenis list style tidak ada yang cocok untuk dipergunakan, untuk mengganti list style dengan gambar (image), kita hanya perlu mengganti properti list style menjadi list-style-image dengan nilai properti alamat gambar yang dimaksud.

Sebagai gambaran dalam css-nya menjadi seperti ini:

ul {
  list-style-image: url('alamat gambar');
}

• Demo

Untuk Css-nya mungkin simple, tapi menentukan ukuran gambar yang mesti pas, jika sudah mempunyai gambar untuk dijadikan list style bisa langsung upload dan ambil link-nya. Untuk ukuran gambar sebaiknya ukurannya kecil saja antara 9-12px atau bisa menentukan sendiri ukuran gambar yang sesuai untuk dijadikan list style dengan menyesuaikan ukuran font yang dipergunakan.

Singkat, berharap mudah untuk diterapkan.