Как сделать такой закруглённый бордер?

#css

Как сделать такой закруглённый бордер только при помощи css?
    

Ответы

Ответ 1

Через border-{side} указать трем сторонам цвет, четвертую сделать прозрачной. А чтобы
повернуть круг на нужный градус используем transform: rotate



div {
  width: 100px;
  height: 100px;
  
  border: 5px solid red;
  border-left-color: rgba(0,0,0,0);
  transform: rotate(45deg);
  
  border-radius: 50%;
}



Ответ 2

Как то вот так 



div {
  width: 30px;
  height: 30px;
  border-bottom: 1px solid red;
  border-right: 1px solid red;
  border-radius: 50%;
}