SORU
15 Mart 2011, Salı


UL/Lİ ayarı kurşun renkler veya resimler span etiketleri kullanmadan CSS ile listeler

Basit sıralı olmayan bir liste, <li> bazı öğeler <ul> etiketleri iç içe hayal. Şimdi, kurşunlar <li> öğeleri color: #F00; sonra rengini ayarlayın eğer Kare list-style:square;) ancak şeklinde tanımlanmıştırher şeyikırmızı olur!

Ben SADECE bu Kare mermi rengini ayarlamak ister. Ne zarif bir kod CSS tek kurşun rengi tanımlar? Hareketli görüntüleri veya span etiketleri kullanmadan zarif anlamı.

HTML

<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
<ul>

CSS

li{
   list-style:square;
}

CEVAP
15 Mart 2011, Salı


Bunu yapmanın en yaygın yolu, bu satırlar boyunca bir şey

ul {
    list-style: none;
    padding:0;
    margin:0;
}

li { 
    padding-left: 1em; 
    text-indent: -.7em;
}

li:before {
    content: "• ";
    color: red; /* or whatever color you prefer */
}

Canlı demo: http://jsfiddle.net/leaverou/ytH5P/

Tüm tarayıcılar, sürüm 8 ve IE de dahil olmak üzere çalışacak.

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • eurotuner

    eurotuner

    6 Mart 2006
  • FailArmy U

    FailArmy U

    29 AĞUSTOS 2009
  • Wild Academy

    Wild Academy

    8 Aralık 2009