html图片截取显示

利用一个div包住图片

  <div class="portraita">
  <img src="图片链接" class="porta">
  </div>
  <!-- 图片 -->

css样式
给外面的div定义好位置，主要是overflow: hidden;其他的属性可以自己取舍

   .portraita {
            position: absolute;
            width: 21.5%;
            top: 38.2%;
            left: 40.5%;
            border-radius: 50%;
            height: 18.5%;
            overflow: hidden;
        }
        .porta {
            width: auto;
            height: 100%;
        }