How to hide part of outline-CodePudding

I want help with the topic of hiding a specific side of the outline. I want to hide the right side of the element without using a box-shadow or something else, so how can I do that. I want to make the outline in the blue color in the picture

CodePudding user response：

The code is pretty self explanatory***

.circle {
  border: 5px solid;
  border-color: blue white blue blue;
  height: 100px;
  width: 100px;
  border-radius: 50%;
}

<div ></div>

CodePudding user response：

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 >
<div ></div>
</div>