This property can have from one to four values. Here are the rules:
Four values - border-radius: 15px 50px 30px 5px; (first value applies to top-left corner,
second value applies to top-right corner, third value applies to bottom-right corner,
and fourth value applies to bottom-left corner).
The higher the RADIUS value the more rounded the corners are.
When setting the border values you can...
margin:2px solid red;
Which would set the
border WIDTH / STYLE / COLOUR
Then, to set the radius, you would use the command...eg...
border-radius:5px;
Radius set to 5px
Radius set to 15px
Radius set to 10px 20px 30px 40px
This one I set the border on the <p> element instead of the <div> element
Radius set to 50px on a box 100px x 100px
To make it round.
Radius set to 50% on a box 25% width
To make it round.