CSS ile Oval Köşeli Kutucuk Modeli Oluşturmak

Bu derste CSS kullanarak kenarları oval olan kutucukları nasıl yapabileceğimizi anlatmaya çalışacağım.
CSS ile Oval Köşeli Kutucuk Modeli Oluşturmak
Html kısmına alttaki kod parçacığını yazıyoruz.

<div class="kutucuk">

</div>

Css kısmına alttaki kod parçacığını yazıyoruz.

.kutucuk
{
background-color:#ffb519;
width:400px;
height:40px;
display:block;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius: 5px;
}

Evet arkadaşlar kenarları yuvarlak yapmış bulunmaktayız. Bu kod parçacığı İE, Chrome, Firefox, Safari, Opera ile sorunsuz çalışmaktadır. Kolay gelsin…

Sedat Demirdoğan

PaylaşShare on Facebook2Tweet 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

3 YorumYorum Yazmak İçin

Bir Cevap Yazın

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


*