CSS圖片怎么裁剪成圓形？

在CSS中，我們可以使用border-radius屬性將圖片裁剪成圓形，這個屬性可以設(shè)置一個元素的邊框半徑，當(dāng)元素的寬度和高度相等時，就可以實(shí)現(xiàn)將圖片裁剪成圓形的效果。

下面是一個示例代碼：

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

在上面的代碼中，我們將圖片的寬度和高度都設(shè)置為200像素，并將border-radius屬性設(shè)置為50%，這樣就能夠?qū)D片裁剪成圓形了。

需要注意的是，如果圖片的寬度和高度不相等，那么裁剪出來的圓形可能會變形，在裁剪圖片之前，我們需要確保圖片的寬度和高度是相等的。

border-radius屬性還可以設(shè)置其他形狀，比如橢圓、矩形等，我們可以根據(jù)需要選擇不同的形狀來裁剪圖片。

使用CSS的border-radius屬性可以將圖片裁剪成圓形，并且實(shí)現(xiàn)起來非常簡單，我們只需要將圖片的寬度和高度設(shè)置為相等，并將border-radius屬性設(shè)置為50%即可。