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:
Value | Description |
---|---|
Use this element to set the four border radius properties | |
| Use this element to set the border in the upper left corner|
Use this element to set the border in the upper right corner | |
Use this element to set the border of the lower right corner |
##border-bottom-left-radius |
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!