CSS ile Kolayca Yuvarlak Köşeli Kutular

Size vereceğim site aracılığıyla kolayca CSS ile yuvarlak köşeli kutu yapabilecek ve mantığını kavrayacaksınız.

Merhaba,

Size vereceğim site aracılığıyla kolayca CSS ile yuvarlak köşeli kutu yapabilecek ve mantığını kavrayacaksınız.

CSS ile yuvarlak köşeli kutular (ne kadar doğru bir tanım, bilmiyorum) yapmak için Cornershop'dan yararlanacağız. Siteye girmek için buraya tıklayın.

Box Background kısmına kutumuzun arkaplan rengini yazıyoruz.

Page Background kısmına ise sayfamızın arkaplanını yazıyoruz.

Corner Radius kısmına ise ne kadar yuvarlanacağını piksel cinsinden yazıyoruz. 10-13 arası idealdir bence.

Transparent kısmına hiç dokunmasanız daha iyi.

Create Graphics butonuna tıklayarak kutumuzun grafiklerini ve kodlarını oluşturuyoruz.

Kutunun genişliğini veya yüksekliğini sabitlemek isterseniz, CSS kodlarının içindeki box tanımlamasını değiştireceksiniz.

Bundan sonrası size kalmış, hoşçakalın...

  • Etiketler;
Yorum Yaz

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

css ile hiç gif kullanmadan sadece css kodu ile yuvarlak kutular yapmak mümkün mü?
css3 te mümkün border-radius diye araştırabilirsin
eline sağlık güzel olmuş
harikasın dostum :)

Yukarı Git