CSS圖片為圓是前端開發中常用的一項技術，可以使網頁中的圖片呈現更加美觀的效果。下面我們來講解一下如何使用CSS將圖片樣式設置為圓形。

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

如上代碼所示，可以通過設置border-radius屬性將圖片設置成圓形。其中50%的值表示圓的半徑，也可以設置具體的像素值來控制圓的大小。

還可以通過以下代碼組合設置圖片邊框和陰影效果：

.img-circle {
width: 200px;
height: 200px;
border-radius: 50%;
box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.3);
border: 5px solid #fff;
}

如上代碼所示，通過設置圖片的寬高，再加上陰影和邊框的設置，可以使得圖片呈現更加立體、醒目的效果。

總結：通過設置border-radius屬性，可以設置圖片為圓形；同時可以通過組合使用陰影和邊框等CSS屬性，進一步增強圖片效果。