Como criar um círculo com quatro quartos [duplicado]

Esta pergunta já tem uma resposta aqui:

CSS: Círculo com quatro cores e apenas uma div 3 respostas

É 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>

questionAnswers(3)

yourAnswerToTheQuestion