# CSS3 Rounded corners

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

A simple syntax of rounded corners is as follows −

#rcorners {
background: #FF0000;
width: 200px;
height: 150px;
}

The following table shows the possible values for Rounded corners as follows:

Values
Description

Use this element for setting four border radius property

Use this element for setting the border of top left corner