圆角边框曲线外[关闭]

Question

我想做与图片相同的角： 红色部分是图像，然后另一个布局将其与底部的3个角重叠

如何用 CSS 做到这一点？

Answer 1

只需添加

border-radius

。

img {
  border-radius: 3%;
}

<div>
  <img src="https://picsum.photos/200/300">
</div>