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.

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ü:

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

Sedat Demirdoğan