CSS İle Oval Kutular Yapmak

Bugün öğreneceğimiz 2-3 satırlık bir CSS koduyla, köşeleri oval kutular yapacağız.

Bazı tarayıcıların eski versiyonları bu kodu desteklemiyor olsada, kullanımı son derece kolay olduğu için benim tercih nedenim. Kendi blogumun yorum kısmındaki kutucukları da bu kodu kullanarak yaptım. Eskiden bu tip kutular yapmak için harcadığım zamanı düşündüğümde kodun bazı tarayıcılarda çalışmaması canımı sıkmıyor. Çünkü hazırladığım kutucuğun şeklini değiştirmem saniyelerimi alıyor. Kod aşağıda buyrun, deneyin. Ne demek istediğimi daha rahat anlayacaksınız.

CSS:

.comments{
-moz-border-radius: 0.5em;
-webkit-border-radius: 0.5em;
background: #F8E0E4;
padding: 10px;
}

Benzer Yazılar (İlginizi Çekebilir):

Temmuz 4th, 2009 Etiketler: css, oval buton, oval kutu
| Kategori: CSS & XHTML 2 Yorum » Yazar: abdullah

Yorumlar

Temmuz 4th, 2009 | Yorumcu : oceangray

bende temamda bu kod grubunu kullanıyorum. -moz firefox için, -webkit ise opera ve google chrome için yuvarlama işini yapıyor. Fakat ie desteklemiyor. Hepsinin desteklemesi için ya imaj kullanacaksınız ya da js. Bunlarda sayfalarınıza ekstra yük getirecek. O yüzden en mantıklısı css ile yapmak. Varsın ie desteklemesin.
Temmuz 4th, 2009 | Yorumcu : HazirTarif

teşekkürler hocam resimlerle zaman kaybına son