Esta pergunta já tem uma resposta aqui:

É possível criar um círculo usando apenas CSS com quatro quartos?

Não posso ir além:

.circle {
  border-radius: 50%;
  width: 40px;
  height: 40px;
  colour: red;
}

<div class="circle">&nbsp;</div>