border-radius - CSS 3

The border-radius property is used to add rounded corners to an element.The border-radius property is a shorthand property for setting the four border-*-radius properties.If you specify only one value for the border-radius property, this radius 
will be applied to all 4 corners.However, you can specify each corner separately if you wish. Here are the rules:1. Four values - border-radius: 15px 50px 30px 5px:2. Three values - border-radius: 15px 50px 30px:3. Two values - border-radius: 15px 50px:

Syntax

border-radius: 1-4 length|% / 1-4 length|%|initial|inherit;

Example

div
	{
	   
	border: 2px solid;
	   
	border-radius: 25px;
	}

Output / Return Value

Limitations

Alternatives / See Also

Reference