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