CSS ile yuvarlak köşeler yapalım

Merhaba Arkadaşlar,

Bu yazıda kısa olmasına rağmen görsel olarak çok kullanışlı bir CSS özelliğinden bahsedeceğim. Bu özelliğimizin adı border-radius. Bu özelliği uyguladığınız tüm html taglarının kenarları oval bir hal alıyor. Belki hepsi için geçerli değildir ama arkaplan verdiğim tüm taglarda sorunsuz çalıştı. Henüz bir sıkıntısını görmedim. Kullanımı da çok basit.

Örnek:

Bir tane box id'li div tagımız olsun. Div tagımızın arkaplanı kırmızı olsun ve kenarları da oval olsun. Kodları şu şekilde.

div#box{

                 background : red;
                 border-radius : 5px;

}

Tüm yapmamız gereken bu. Bu kodu denerseniz div'inizin şekil aldığını göreceksiniz. Konuyla ilgili detaylı araştırma yapmadım. Sadece kullandığım bir özellikti. Paylaşmak istedim.

Görüşmek üzere.