CSS是一種強大的樣式表語言，可以通過它來控制網站的外觀和布局。在網頁設計中使用圓形圖像成為了一種越來越流行的方法。那么，CSS如何剪成圓形圖片呢？我們來看看下面的代碼。

img{
border-radius: 50%;
}

以上代碼簡單易懂。用于剪成圓形圖像的CSS屬性是border-radius。這個屬性用來控制四角的彎曲程度，可以為正方形的角落增加圓弧效果。當把值設為50%時，則會成為一個完美的圓形。

需要注意的是，在設置圓形邊框半徑時，圖像必須是正方形。否則，圖像將會扭曲或者被拉長。如果圖像不是正方形并且需要成為圓形，則可以通過適當的裁剪來實現。

還有一種方法可以實現剪成圓形圖片，那就是使用CSS遮罩。例如：

img{
mask-image: url('image-mask.svg');
mask-mode: alpha;
}

這里調用了一個SVG文件作為遮罩，通過mask-mode: alpha;來設置透明度級別。

CSS中的圓形邊框和剪切效果可以用于各種情況，如頭像、產品圖片或其他需要突出的內容。這種效果不僅美觀，而且易于實現，適用于各種網站和應用程序。