CSS Border Radius Generator

CSS border-radius is a property that rounds the corners of an element's outer border edge. You can set each corner independently using one to four values.

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

Yes, border-radius accepts px, %, em, rem, vw, and other CSS length units. Percentages are relative to the element's dimensions.

border-radius: top-left top-right bottom-right bottom-left. If only one value is set, it applies to all corners. Two values set top-left/bottom-right and top-right/bottom-left.