CSS Border Radius
- The
border-radius
property in CSS is used to add rounded corners to an element. - This property is especially useful for creating visual interest and improving the overall look and feel of your website or web application.
Syntax
The border-radius
property has four values that define the radius of each corner of an element in the following order:
border-radius: top-left top-right bottom-right bottom-left;
You can also use the shorthand version of the border-radius
property to set the same value for all corners:
border-radius: 10px;
Or, you can specify the values for only two or three corners:
border-radius: 10px 5px 20px;