Web Adresiniz - Oval Kose Yapimi

Oval Kose Yapimi

Bulunduğunuz Yer: Ana Sayfa - CSS - Oval Köşe Yapımı

Kategoriler

Bedava-Sitem Şablonları

Sizin Yazdıklarınız

Sitemiz hakkındaki düşüncelerinizi herkes ile paylaşmak için Tıklayınız.

Site Performans Ölçümü

Sitenizin hızını, hatalı kodlarını vb birçok ölçümü yapmak için TIklayın

Ortaklık

Bize yardımcı olun sitenizin reklamını yapalım. Detaylı bilgi için Tıklayınız.

Oval Köşe Yapımı

Normalde oval köşeli bir menü yapacağımız zaman çoğu kişi ya Photoshop ya da Fireworks kullanır.CSS’e gelen yenilikler sayesinde artık Photoshop vs Fireworks kullanmadan oval köşeli bir menü ya da istediğimiz herhangi bir şey yapabileceğiz.

İlk önce bir div oluşturuyoruz.

<div id="ovalkoseler"></div>

Evet div’imizi oluşturduk.Şimdi sıra CSS kodlarımı yazmaya geldi.

body{
margin-left:20px;
margin-top:20px;
margin-right:0px;
margin-bottom:0px;
}
 
#ovalkoseler{
background-color:#009999;
height:40px;
width:600px;
border:2px solid #000;
-moz-border-radius: 15px; Firefox da görüntülememizi sağlar. 
-webkit-border-radius:10px; Chrome'da görüntülememizi sağlar.
}

Önemli: Yalnız şunu da unutmamak lazım.İnternet kullanıcılarının büyük bir kısmı Internet Explorer kullanmaktadır.Bu Özelliği Internet Explorer desteklememektedir.