SORU
1 ŞUBAT 2011, Salı


Nasıl CSS kullanmak için bir daire ile bir dizi surround?

Gibi bir sayı bu görüntü surround ses için istiyorum:

enter image description here

Bu nasıl mümkün olabilir?

CEVAP
1 ŞUBAT 2011, Salı


Burada bir demo: http://jsfiddle.net/thirtydot/dQR9T/2637/

HTML:

<div class="numberCircle">30</div>

CSS:

.numberCircle {
    border-radius: 50%;
    behavior: url(PIE.htc); /* remove if you don't care about IE8 */

    width: 36px;
    height: 36px;
    padding: 8px;

    background: #fff;
    border: 2px solid #666;
    color: #666;
    text-align: center;

    font: 32px Arial, sans-serif;
}

Bu iş IE8 and older, sizin için indirmek ve kullanmak gerekir CSS3 PIE. Demomu yukarıda IE8, ama bu sadece jsFiddle PIE.htc ana yaramazsa, çünkü bu işe yaramaz.

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

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • HDstarcraft

    HDstarcraft

    12 Mayıs 2009
  • NYCarspotter

    NYCarspotter

    26 EYLÜL 2011
  • Turkish Airlines

    Turkish Airl

    11 AĞUSTOS 2006