Question

I know how to create a css circle with border radius etc, but i’m interested in creating a css only doughnut shape roughly like this one here ->

It would be one div but curved round back onto itself,

any ideas??

Answer 1

<div class="doughnut"></div>


.doughnut { 
    border: 50px solid #f00;
    border-radius: 100px;
    height:100px;
    width:100px;
}