The rounded corner feature allows a developer to apply rounded corners to any element using the border-radius CSS property. This paragraph's border has three values for the different corners. Top-left:25px, Top-right and bottom-left:15px, and bottom-right:50px.
border-radius can use anywhere from one to four values for the corners. Each corner can be set to a different radius. For instance: border-radius: 25px; 15px; means the top-left and bottom-right corners have a radius of 25px, and the top-right and bottom-left corners have a radius of 15px. The order in which the different radii get assigned to a corner starts with the top-left corner and goes clockwise.
Rounded corners can be applied to containers that have a border but no background.
This paragraph has an image as the background.