Создание круга в CSS

Скругление в половину ширины и высоты сделает круг:

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

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

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