需要使用css

Question

我正在尝试使用css创建这样的曲线：

这使它弯曲，但不能做。或者是否可以使一条边框实线使其像这样曲线？ 在此先感谢..任何人都可以帮助我

我的代码：http://codepen.io/elad2412/pen/PwWjLL

.box{
  width:500px; height:100px;  
  border:solid 5px #000;
  border-color:#000 transparent transparent transparent;
  border-radius: 50%/100px 100px 0 0;
}

Answer 1

试试这个：

＆＃13;

＆＃13;

.wave {
  width: 800px;
  height: 200px;
  position: relative;
}

.wave:after {
    content: '';
    width: 50%;
    position: absolute;
    height: 200px;
    display: block;
    border-bottom: 19px solid black;
    border-radius: 50%;
    left: 50%;
}

.wave:before {
    content: '';
    width: 50%;
    position: absolute;
    height: 200px;
    display: block;
    border-top: 19px solid black;
    border-radius: 50%;
}

＆＃13;

<div class="wave">
  
</div>

＆＃13;

＆＃13;

＆＃13;

https://codepen.io/anon/pen/EWpjpx