back

Border-Radius

This is used to give an element rounded corners.

The radius can either be set as a length (px/em) or as a percentage.

Alternatively, each corner can be done individually:
(1) Border-top-right-radius
(2) Border-top-left-radius
(3) Border-bottom-right-radius
(4) Border-bottom-left-radius

Example