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...