<div class="content">
</div>
body {
padding: 0px;
mergin: 0px;
}
.content {
background: conic-gradient(
red 6deg,
orange 7deg 68deg,
yellow 69deg 120deg,
green 121deg 280deg,
blue 281deg
);
position: absolute;
left: 50%;
top: 50%;
width: 250px;
height: 250px;
border-radius: 50%;
transform: translatey(-50%) translatex(-50%);
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.