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;
İbrahim Delibalta
1984 Bayburt doğumludur. Ege Üniversitesi Bilgisayar Mühendisliği bölümü mezunu olan İbrahim Delibalta, hobi olarak başladığı web tasarım işine iyice sarmış ve iyi bir yazılım uzmanı olmaya karar vermiştir. <p>2004 yılından bu yana web tasarımı / programlama üzerine çalışan İbrahim Delibalta halen 2008 yılında kurduğu ajansında işlerini sürdürmektedir. Aynı zamanda bir çok web sitesinde tasarımı konusunda eğitmenlik ve danışmanlık yapmaktadır. <p>Yazılım ve Veri Tabanı Uzmanı (Software and Database Specialist) sertifikasına sahiptir. Dreamweaver, Photoshop, Flash, Visual Studyo programlarını kullanmaktadır. C#, C++, VB.Net, ASP, ASP.Net, CSS, Ajax, JavaScript dillerine hakimdir. <p>Bunların dışında ise, animasyon hazırlamak en büyük hobilerinden biridir.
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