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

PaylaşShare on Facebook0Tweet about this on TwitterShare on Google+0Pin on Pinterest0Share on Tumblr0Share on LinkedIn0Email this to someone

Yazar Hakkında Yazarın Bütün Yazıları Yazarın Web Sitesi

admin

1 YorumYorum Yazmak İçin

Bir Cevap Yazın

Your email address will not be published. Required fields are marked *

*