Create rounded corners with CSS
Question:
How to create rounded corners with CSS? Answer:
border-radius: 10px; /* All corner is the same */
border-radius: 10px 5px 20px 0; /* All corner is different */
Description:
The border-radius
CSS property rounds the corners of an element's outer border edge. You can set a single radius to make circular corners, or two radii to make elliptical corners.
The radius applies to the whole background, even if the element has no border; the exact position of the clipping is defined by the background-clip
property.
The border-radius
property does not apply to table elements when border-collapse
is collapse.
Reference:
CSS border-radius reference
Share "How to create rounded corners with CSS?"
Related snippets:
Tags:
rounded border, rounded corners, border radius, curved corner Technical term:
Create rounded corners with CSS