CSS3 ile Border Radius Kullanma

Web tasarımı yapan tasarımcılar tarafından en çok kullanılan özelliklerden biri; yuvarlatılmış köşelere sahip kutular oluşturmaktır. Bunu yapmak için eskiden resimler kullanılırdı. Fakat şimdi CSS3 ile gelen yeni özelliklerden biri olan border-radius ile bunu yapmak artık çok kolay.

border-radius özelliği CSS3 ile birlikte geldi ve yuvarlak kenar yapmak için kullanılıyor. Web 2.0 ile birlikte bir çok sitede artık bu yapı tercih ediliyor. Bende size kullanımı hakkında kısaca bilgi vereceğim. Öncelikle aşağıdaki tarayıcı sürümlerinde desteklendiğini belirtmek isterim:

IE 9+
Firefox 3.5+
Chrome 4.1+
Opera 10.5+

Kullanımı:

[css]
border:solid 5px #000000;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
[/css]