HTML CSS隐藏了图像的溢出部分

Question

我是Web开发的新手。 我遇到了问题。这是我正在谈论的形象：

如何将div外部图像的任何部分设置为不可见？ 或者我应该裁剪图片

以下是代码的副本

<div style="height:200px; width:200px; border-radius:100px; border:2px solid blue;text-align:center;"> 
<img src="../pics/2.jpg" style="height:180px;">
</div>

Answer 1

尝试将overflow:hidden置于div的样式中，如下所示：

<div style="overflow:hidden; height:200px; width:200px; border-radius:100px; border:2px solid blue;text-align:center;"> 
   <img src="../pics/2.jpg" style="height:180px;">
</div>

Answer 2

将overflow: hidden应用于父<div>