Скругленные уголки в процентах на CSS

Можно задавать скругление в процентах:

<div id="elem"></div> #elem { width: 200px; height: 200px; border: 1px solid red; border-radius: 10%; }

:

Делаем круг

Для того, чтобы получился круг, можно задать скругление в 50%:

<div id="elem"></div> #elem { width: 200px; height: 200px; border: 1px solid red; border-radius: 50%; }

:

Повторите страницу по данному образцу: