CSS可以通過border-radius屬性來實(shí)現(xiàn)設(shè)置圖片圓形的效果，只需要將指定的圖片或者圖片容器（例如div）的border-radius設(shè)置為50%，就可以將正方形的圖片變成圓形。

.img-circle {
border-radius: 50%;
}

需要注意的是，border-radius屬性的值可以設(shè)置為百分比（%）或者是固定像素（px）的值。為了兼容多種瀏覽器，可以設(shè)置多個(gè)border-radius屬性值，分別對(duì)應(yīng)四個(gè)角落，例如：

.img-circle {
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
}

需要注意的是，如果圖片的尺寸太小，使用上述方法也可能無法實(shí)現(xiàn)圓形效果，此時(shí)可以通過設(shè)置max-width和max-height屬性限制圖片的最小尺寸：

.img-circle {
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
max-width: 100px;
max-height: 100px;
}

這樣，只有當(dāng)圖片的寬度或者高度大于100px時(shí)，才會(huì)被設(shè)置為圓形。