CSS · The box model

border-radius

Rounds corners. Use 50% for a circle on a square box.

Syntax
border-radius: 12px

Example

Try it

More in this group

aspect-ratio border box-shadow box-sizing height margin margin-block / margin-inline min-width / max-width

Learn this in the course

Reference pages are the quick answer. The course explains the why, shows the full example and ends with a challenge.

Open the course