# Border radius

Rounds an element's corners.

## What does `border-radius` do?

`border-radius` rounds an element's corners. `50%` on a square makes a circle.

```css
.button { border-radius: 8px; }
.avatar { border-radius: 50%; }   /* a circle */
```

Level: Apprentice · [More CSS terms at this level](https://www.ask-codey.com/glossary/subjects/css/apprentice)

Updated: September 27, 2026

Source: https://www.ask-codey.com/glossary/border-radius