div想象一下有一个圆形的父母border-radius。有没有办法让imgdiv 适合内部，使其也符合圆形边框？
.parent-div {
background-color: gray;
border-radius: 20px;
}
.image {
width: 100%
}<div class="parent-div">
<img class="image" src="/a-cool-image">
<p>Some text</p>
</div>这只会导致图像具有方角，而 div 的底部具有圆角。我知道的唯一解决方法是让图像具有相同的 border-radius 属性，但仅在顶部两个角。我发现这是一个烦人的解决方法。