El código es bastante autoexplicativo***
.circle { border: 5px solid; border-color: blue white blue blue; height: 100px; width: 100px; border-radius: 50%; } <div class="circle"></div>Puedes intentar hacer algo así:
.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>