css怎么将图片设置为圆形图片

段落一：使用 border-radius 属性

可以通过设置 css 的 border-radius 属性为50%来将图片设置为圆形。

段落二：使用 clip-path 属性

clip-path 属性可以通过使用 CSS 裁剪路径将图片设置为圆形。

段落三：使用 background-image 和 background-size 属性

可以将图片作为背景，通过设置背景的大小来实现圆形图片效果。

      .circle-image {
        background-image: url(image.jpg);
        background-size: cover;
        width: 200px;
        height: 200px;
        border-radius: 100px;
      }
    

段落四：使用 SVG 圆形剪切

可以使用 CSS 的 mask 剪切路径和 SVG 圆形来将图片设置为圆形。

      .circle-image {
        width: 200px;
        height: 200px;
        mask: url(#circle-mask);
      }