deZige

Menganti List Style Dengan Gambar (image)

Mengganti list style dengan gambar/image, baik untuk list style type ordered dan unordered, untuk css nya simple hanya mengganti properti list-style type menjadi list-style-image dengan nilai alamat gambar

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');
}


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.

No comments:

Terima Kasih Atas Komentar Anda

  • +Bagikan
  • +Admin

Kontak SosMed

.
deZige