EasyasPi EasyasPi - 1 year ago 89
CSS Question

CSS3 - How do I create a circular border-radius on a rectangle?

I have a div. It scales responsively, using percentages. I would like to have the edges be circular.

I know how to make rounded corners. I would like to make it shaped like this (don't care about color).

this rounded corner

I'd really like to avoid JavaScript if possible, but if it is the only way, so be it.

Answer Source

Add a border-radius: 50px property to the css.

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download