Border Radius Generator
Set a corner radius and copy the CSS.
border-radius: 16px;
Worked example
A radius of 16 pixels copies as border-radius: 16px. The preview square shows the same corner.
FAQ
- Can corners differ?
- This page sets one radius for every corner. Write the four-value CSS yourself if you need them to differ.
- Pixels or percent?
- The control is in pixels, which is the usual unit for a component radius.
- Does 9999 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.