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

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

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

Öncelikle body tag'ları arasında bir div oluşturalım.


<body>

<div id="tablo"></div> /* tablomuzu id ile başlattık*/

</body>



Daha sonra:

<title>deneme</title



<style type="text/css">



#tablo{

background-color: #f00; /*arka plan rengini atadık*/

-moz-border-radius: 12px; /*tablomuzun kenarlığının kaç pixel olacağını gösteriyoruz*/

</style>

}



Sonuca göz attığınızda div'in kenarlarının köşeli olduğunu göreceksiniz.
  • Etiketler;
Yorum Yaz

Yorum yazabilmek için üye girişi yapmanız gerekiyor!

width ve height değeri vermeyi unutmayın, yoksa gözükmüyor. ayrıca css yanlış yerde kapatılmış o parantezi style'ın önüne koyun
daha önce verildi... hem her tarayıcıda çalışmaz bu
bu her tarayıcı da çalışmıyor mu birde sadece belirli herlere radiu verebiliyor muyuz?
bu sadece mozilla için geçerlidir tüm web tarayıcıları için -moz yerin -webkit kullanılmaılıdır

Yukarı Git