Rounding corners on borders

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.