如何使圖像也有圓角？

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選擇器。 那應該夾住頂部。