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

Bu derste CSS kullanarak kenarları oval olan kutucukları nasıl yapabileceğimizi göstermek istiyorum.

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

Reklamlar

Bir Yanıt Bırakın

Aşağıya bilgilerinizi girin veya oturum açmak için bir simgeye tıklayın:

WordPress.com Logosu

WordPress.com hesabınızı kullanarak yorum yapıyorsunuz. Log Out / Değiştir )

Twitter resmi

Twitter hesabınızı kullanarak yorum yapıyorsunuz. Log Out / Değiştir )

Facebook fotoğrafı

Facebook hesabınızı kullanarak yorum yapıyorsunuz. Log Out / Değiştir )

Google+ fotoğrafı

Google+ hesabınızı kullanarak yorum yapıyorsunuz. Log Out / Değiştir )

Connecting to %s