css: make div rounded circle and add border to the 3/4 of it
<p>I have such code:</p>

<pre><code>&lt;div class="circle"&gt;&lt;/div&gt;
</code></pre>

<p>and css:</p>

<pre><code>.circle {
 border-left: 1px solid red;
 border-bottom: 1px solid red;
 border-radius: 200px;
 width: 200px;
 height: 200px;
}
</code></pre>

<p>but i get such border:</p>

<p><a href="https://i.stack.imgur.com/AqSA2.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/AqSA2.png" alt="enter image description here"></a></p>

<p>how i can achive a straight and rounded border?</p>

<p>i mean something like this:</p>

<p><a href="https://i.stack.imgur.com/eNmQq.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/eNmQq.png" alt="enter image description here"></a></p>

<p>is it possible with css?</p>