css’te köşeleri oval yapmak için border-radius özelliği kullanılır.

Eğer border-radius değerini px ya da % cinsinden verirsen, kutunun köşeleri o oranda yuvarlanır.

Mesela border-radius: 10px; yazarsan tüm köşeler 10 piksel yuvarlanır.

border-radius: 50%; dersen, kare bir kutu tam daireye dönüşür (örneğin avatar resmi yapmak için çok kullanılır).

İstersen her köşeye farklı değer de verebilirsin: border-radius: 10px 20px 30px 40px; şeklinde yazıldığında sırasıyla sol üst, sağ üst, sağ alt ve sol alt köşe farklı yuvarlanır.

Kısacası border-radius ile kutular, butonlar veya resimlerin kenarlarını istediğin kadar ovalleştirebilir, ister hafif yuvarlak ister tamamen daire şeklinde görünmelerini sağlayabilirsin.