<分区>
html - 如何在css中实现弧形斜坡效果
在上图中，您可以看到它如何具有非常漂亮的端到端 flex 效果。
但是这段文字上面的图片是我所能达到的。这是通过使用 border-radius: 50%; 但这并没有给它同样的效果。
不确定是否有人知道这是否可行？
我正在考虑将其创建为图像，因为那样可能更容易。
最佳答案
.withimg{
background-color: #000;
text-align: center;
}
.withimg img {
border-radius: 50%;
border: 50px solid #000000;
margin-bottom: -100px;
}
.belowbox{
height: 200px;
width: 100%;
background-color: #10141d;
}<div class="withimg">
<img src="https://picsum.photos/id/237/200" alt="">
</div>
<div class="belowbox"></div>关于html - 如何在css中实现弧形斜坡效果，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/57372061/