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

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

<div id="elem"></div>

#elem {
	width: 200px;
	height: 200px;
	border: 1px solid red;
	border-radius: 50%;
}

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