如何使图像符合包装DIV的圆形形状

Question

我应该做一个环绕的div圈。另外，我需要使用CSS OVERFLOW属性以使图像符合div my的圆形

我通过将div的高度和宽度设置为相同的高度和宽度（边界半径为50％）并将其溢出属性设为hidden来使div变为圆形。而且，我通过高度自动设置了图像宽度为100％。

  div.profile-pic {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    overflow: hidden;
  }

  div.profile-pic img {
    width: 100%;
  }

Answer 1

您可以在个人档案图片div上使用background-image: url();