css将img矩形（包含正方形、长放行方形）图片裁剪成圆形图片的方法

今天遇到一个问题，我想将长方形图片改为原型图片，便使用 border-radius: 50%;但是得到的结果却是一个椭圆形，那怎么修改呢！

其实有两种方法，但得先定义一个差不多的宽高

第一种：（这种方法会使图片失真，但能达到效果）

img {
     height: 40px;
     width: 40px;
     border-radius: 50%;
}

第二种：（加上overflow: hidden;切除多余的部分）

img {
     height: 40px;
     width: 40px;
     overflow: hidden;
     border-radius: 50%;
}