Criar um círculo CSS é um trabalho fácil de aprender para iniciantes. Todo o conceito é que use a mesma largura e altura em css e pegue a metade do raio da borda da largura / altura + largura da borda.
Parte HTML
<div id="circle"></div>
Parte CSS
#circle{
width:100px;
height:100px;
background-color:#fa0;
border-radius:60px;
border-width:10px;
border-style:solid;
border-color:#056;
}