如何用css制作弧形边框？

Question

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

提前致谢。

Answer 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>

如何用css制作弧形边框？

How to make a curved border with css?

css

border-radius