To set the curvature of the corners from a CSS border, apply the following border-radius style:

border-radius: top-left top-right bottom-right bottom-left

where top-left top-right bottom-right bottom left define the radius of the four corners of the border. If you specify only one value, it is applied to all four corners. If you specify two values they are applied to the top-left/bottom-right and top-right/bottom-left corners. If you specify three values, they are applied to the top-left, top-right/bottom-left, and bottom-right corners.

Use the web form below to generate the CSS code for applying a border radius to the four corners of the border in the preview box.