Border Radius Generator
Set a corner radius and copy the CSS.
Presets
border-radius: 16px;
Worked example
A radius of 16 pixels copies as border-radius: 16px. Uncheck “same on every corner” to set four values.
FAQ
- Can corners differ?
- Yes. Turn off the linked control and set top-left, top-right, bottom-right, and bottom-left.
- Pixels or percent?
- The control is in pixels, which is the usual unit for a component radius.
- Does 999 pixels make a pill?
- On a short element, a radius at least half the height makes a pill. Match the radius to the element’s size.