CSS 3 ile daire çizmek

Merhaba arkadaşlar bugün sizlere css ile nasıl daire çizilir onu anlatmaya çalışacağım.

Css kodumuz:

.daireclass 
{
 background-color: #c06;
 height: 150px;
 -moz-border-radius:75px;
 -webkit-border-radius: 75px;
 width: 150px;
}

HTML Kodumuz:

 
<div class="daireclass"></div>

ve ekran görüntümüz aşağıdaki gibi olacaktır.

css daire

Dairemize kenarlık ekleyecek olursak css kodumuz şu şekil olur.

.daireclass {
 background-color: #c06;
 border: 3px solid #333;
 height: 150px;
 -moz-border-radius:75px;
 -webkit-border-radius: 75px;
 width: 150px;
}

Ekran görüntüsü:

css daire

Bir başka makalede görüşmek dileğiyle…

Sedat Demirdoğan

[Toplam:0    Ortalama:0/5]

CSS 3 ile daire çizmek” için bir yorum

  • Avatar
    09 Ağustos 2013 tarihinde, saat 02:43
    Permalink

    işime çok yaradı teşekkürler.

    Yanıtla

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Copy Protected by Chetan's WP-Copyprotect.
%d blogcu bunu beğendi: