Как сделать дугу на css

266

15 августа 2017, 12:59

Как сделать просто дугу на css, пол круга

Answer 1

Попробуйте создать элемент и написать в CSS

.cont{ 
  display:block; 
  width: 100px; 
  height:100px; 
  border-radius:50%; 
  border-top:1px solid #000;

<div class="cont"> 
 
</div>

Answer 2

Так как в ответе достаточно мало информации о задании, то могу предложить такой некрасивый, костыльный, но работающий вариант. Как реализовать получше я еще подумаю.

div{ 
  width: 100px; 
  height: 50px; 
  border-radius: 100px 100px 0 0; 
  border-top: 5px solid red; 
  border-left: 5px solid red; 
  border-right: 5px solid red; 
}