When you need rounded corners
instead of the default sharp corners,
you can use the border-radius
property.
A square can be turned into a circle
and a rectangle into an oval,
if we give border-radius
the value 50%
.
As you can see in the above example,
border-radius
can be used with
or without the border
property.