如何使图像也有圆角？

Question

我一直试图使图像的角也变圆，但是当我在div上应用border-radius时，图像的角完全没有变化。

#bredband {
  height: 330px;
  width: 300px;
  position: relative;
  background-color: #9099A2;
  margin: 20px;
  float:left;
  border-radius:10px;
}

<div id="bredband">
  <img src="https://upload.wikimedia.org/wikipedia/commons/2/21/Corinex_Router.jpg" width="300" height="200">
  <h3>Bredband</h3>
  <p>hello world</p>
</div>

Answer 1

将overflow: hidden;添加到您的#bredband选择器中。那应该夹住顶部。