Rounded Corners

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.