3

введите сюда описание изображения

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

2 ответа 2

6

Через 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%;
}
<div></div>

1

Как то вот так

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

1

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.