如何用css制作弯曲的边框？ [关闭]

【问题标题】：How to make a curved border with css? [closed]如何用css制作弯曲的边框？ [关闭]
【发布时间】：2021-03-27 07:01:47
【问题描述】：

我希望有人可以帮助我。我发现很多页面都有关于边界半径的信息，但我不需要这种边界。用css可以吗？

提前致谢。

【问题讨论】：

希望您至少尝试自己编写代码。我建议你做一些additional research，无论是通过谷歌还是通过搜索，尝试一下。如果您仍然遇到问题，请返回您的代码并解释您尝试过的操作。
好的。下次我会从那里发布一些代码。

【解决方案1】：

你可以用 box-shadow 做到这一点。如果您为元素设置颜色并将 box-shadow 用作白色，它看起来就像边框一样，您可以很容易地使用它。

.slider {
  height: 500px;
  background: grey;
}
.slider .slide {
  height: 200px;  
  background-color: white;
  border-radius: 100%/0 0 300px 30px;
  box-shadow: 0px 44px 0px white;
}

<div class="slider">
  <div class="slide">
    Some content
  </div>
</div>

【讨论】：