Pour faire un carré dans le style « camembert »:
HTML: Créer une DIV avec une id. Ex:test-carre
CSS:
width: 200px;
height: 200px;
background: conic-gradient(#fff 0.09turn, #bbb 0.09turn, #bbb 0.27turn, #666 0.27turn, #666 0.54turn, #000 0.54turn);
Pour plus d’exemple ou d’autre manière de faire:
https://developer.mozilla.org/fr/docs/Web/CSS/conic-gradient