CSS Border Radius Generator

Generate CSS border-radius for rounded corners. Set each corner individually with different units.

Controls
Preview
Preview
CSS Code
/* Select controls above */

Frequently Asked Questions

What is border-radius?

The CSS border-radius property rounds the corners of an element's outer border edge, creating circles, pills, and other rounded shapes.

How do I make a circle?

Set border-radius to 50% on a square element (equal width and height) to create a perfect circle.