So erstellen Sie einen Kreis mit vier Vierteln [duplizieren]

Diese Frage hat hier bereits eine Antwort:

CSS: Kreis mit vier Farben und nur einem Div 3 answers

Ist es möglich, einen Kreis mit nur CSS mit vier Vierteln zu erstellen?

Ich komme nicht weiter als:

.circle {
  border-radius: 50%;
  width: 40px;
  height: 40px;
  colour: red;
}
<div class="circle">&nbsp;</div>