CSS Border Radius Generator

The border-radius Property

CSS border-radius rounds the corners of an element. A single value rounds all four corners equally; four values set the top-left, top-right, bottom-right, and bottom-left corners individually (clockwise from the top-left). Use the presets for common shapes — Sharp, Card, Pill, Leaf — or unlink the corners for asymmetric designs, then copy the generated CSS.