CSS3 rounded corners

CSS3 rounded corners are used to add special colored corners to the body or text by using the border-radius property.

The simple syntax for rounding is as follows −

#rcorners {
   border-radius: 60px/15px;
   background: #FF0000;
   padding: 20px;
   width: 200px;
   height: 150px;
}

The table below shows the possible values ​​for rounding as follows:

##border-radiusUse this element to set the four border radius propertiesborder-top-left-radiusUse this element to set the border in the upper left cornerborder-top-right-radiusUse this element to set the border in the upper right corner##border-bottom-right-radius##border-bottom-left-radius

Value	Description
Use this element to set the border of the lower right corner
Use this element to set the border of the lower left corner

##

The above is the detailed content of CSS3 rounded corners. For more information, please follow other related articles on the PHP Chinese website!