Bir merminin boyutu tarayıcı, yazı tipi ve yazı tipi boyutu tarafından tanımlanır. Madde işaretinin boyutunu artırmak için bazen yazı tipinin boyutunu artırabilseniz de, bir görüntüyü madde işareti olarak kullanmak daha iyi bir çözümdür.
Bir mermiyi bir resme dönüştürmek için sayfanızdaki aşağıdaki örneğe benzer şekilde CSS kullanın.
ul {list-style: yok; } ul li { background: url (// www.computerhope.com/issues/pictures/bullet.gif) tekrar tekrar sol üst değil; arka plan konumu: 0 5 piksel; satır yüksekliği: 1.5625; dolgu maddesi: 0 0 4 piksel 30 piksel; sol kenar boşluğu: 1em; } Yukarıdaki CSS kodunda ilk önce
- Madde işaretleri, liste işaretini sıralanmamış listeden kaldıran liste stilini göstermez. Sonra, "ul li" yi yalnızca görünümünü değiştirmeye ayarladık.
- etiketinde bulunan etiketler
- etiketleri. Bu bölümün ilk satırında, örnekte kullandığımız mermi görüntüsüne işaret eden arka plan bulunmaktadır. Bu durumda diğer tüm satırlar mermi etrafında dolgu ve kenar boşluğu veriyor.
İpucu: Bir listede tek bir madde işaretini veya belirli bir madde işareti grubunu değiştirmek istiyorsanız, bir CSS sınıfı da oluşturabilirsiniz.
Kod oluşturulduktan sonra, sıralanmamış herhangi bir HTML listesi, madde imi resmini madde işareti olarak kullanır.
Örnek HTML kodu
- İlk mermi örneği
- İkinci mermi örneği
Örnek CSS kullanarak HTML kodunun sonuçları
- İlk mermi örneği
- İkinci mermi örneği