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

[Toplam:0    Ortalama:0/5]

CSS ile Oval Köşeli Kutucuk Modeli Oluşturmak” için 3 yorum

  • Avatar
    06 Ocak 2015 tarihinde, saat 10:07
    Permalink

    Eyvallah..

    Yanıtla
  • Avatar
    03 Mart 2016 tarihinde, saat 02:38
    Permalink

    Hocam peki bir şey soracağım, oval değilde dikey yukarıdan aşağıya doğru bilgi kutucuğu şeklinde nasıl yaparız?

    Yanıtla
  • Avatar
    12 Aralık 2016 tarihinde, saat 21:27
    Permalink

    Abi ben 11 sinif bilisim okuyorum benim bu dersle ilgili bilgi sahibi olmam lazim bana yardimci olurmusunuz ?

    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: