The code is pretty self explanatory***
.circle {
border: 5px solid;
border-color: blue white blue blue;
height: 100px;
width: 100px;
border-radius: 50%;
}
<div class="circle"></div>
You can try todo something like that:
.s{
height: 250px;
width: 250px;
display: inline-block;
background: linear-gradient(110deg, #fdcd3b 70%, #ffed4b 70%);
border-radius:50%;
}
.d {
height: 240px;
width: 240px;
display: inline-block;
background: #fff;
margin: 5px 0 0 5px;
border-radius:50%;
}
<div class="s">
<div class="d"></div>
</div>