Crie um círculo CSS simples

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;
}