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!

• 9 yıl önce
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
• 9 yıl önce
daha önce verildi... hem her tarayıcıda çalışmaz bu
• 9 yıl önce
bu her tarayıcı da çalışmıyor mu birde sadece belirli herlere radiu verebiliyor muyuz?
• 9 yıl önce
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