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:
HtmlCssCss-ŞekillerCss-shapes

AYNI ETİKETTEKİ VİDEOLAR

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • booba1234

    booba1234

    22 Temmuz 2006
  • HowcastSportsFitness

    HowcastSport

    11 Mayıs 2011
  • Jonathan Morrison

    Jonathan Mor

    24 Mart 2010

İLGİLİ SORU / CEVAPLAR

İLGİLİ BAĞLANTILAR