Html Can'；t裁剪轮廓图片的图像特定部分

我想从本质上拍摄一张图片，并用CSS裁剪其中的一部分

这是我想用的图片

下面是我想如何修剪它

这是我现在使用的代码

正文{
字体系列：“蒙特塞拉特”，无衬线；
}
.员工福利箱{
背景：白色；
宽度：15%；
文本转换：大写；
边框：#dedede实心1px；
}
.staffpfp{
高度：100px；
宽度：100px；
溢出：隐藏；
浮动：左；
}

员工页面

口海

您只需将图像设置为

宽度：100%

，高度设置为

自动

，以防止失真

这样，如果将来更改

.staffpfp

类的总体大小，内部的

img

将相应地进行调整

正文{
字体系列：“蒙特塞拉特”，无衬线；
}
.员工福利箱{
背景：白色；
宽度：15%；
文本转换：大写；
边框：#dedede实心1px；
}
.staffpfp{
高度：100px；
宽度：100px；
溢出：隐藏；
浮动：左；
}
.staffpfp img{宽度：100%；高度：自动；}

员工页面

口海

您只需将图像设置为

宽度：100%

，高度设置为

自动

，以防止失真

这样，如果将来更改

.staffpfp

类的总体大小，内部的

img

将相应地进行调整

正文{
字体系列：“蒙特塞拉特”，无衬线；
}
.员工福利箱{
背景：白色；
宽度：15%；
文本转换：大写；
边框：#dedede实心1px；
}
.staffpfp{
高度：100px；
宽度：100px；
溢出：隐藏；
浮动：左；
}
.staffpfp img{宽度：100%；高度：自动；}

员工页面

口海

你太棒了！我不会的，它只会让我再等30秒，哈哈！你真棒！我不会的，它只会让我再等30秒，哈哈！