Border radius generator

Round each corner independently.

Live preview

Preview styling and sample content are not included in your CSS.

CSS output

Example HTML

How to use Border radius

Control the four corners in pixels or percentages. Percentage radii follow the element dimensions. Link corners when you want a uniform radius.

The generated selector is an example. Rename it to match your markup. Shapes, shadows, gradients and rounded corners need an element with dimensions or content.