CSS可以很容易地將圖片處理成圓形，只需要簡單的幾行代碼即可完成。

img{
border-radius: 50%;
}

上述代碼中，border-radius屬性用來設置圖片的圓角半徑，50%的值表示將圖片處理成圓形。

除此之外，還可以使用偽元素before或after來實現圖片圓形化。

.round{
position: relative;
overflow: hidden;
}
.round:before{
content: '';
display: block;
padding-top: 100%;
}
.round img{
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
max-width: 100%;
max-height: 100%;
border-radius: 50%;
}

上述代碼中，.round類用來給父元素設置樣式，它的overflow屬性為hidden，用來將圖片的溢出部分隱藏，實現圓形效果。同時，為了實現圖片的自適應大小，使用了padding-top屬性，給偽元素:before設置一個寬高比例為1:1的padding值，使其成為一個正方形占據父元素的位置。接著，使用絕對定位將圖片定位到偽元素的中心位置，并將max-width和max-height屬性設置為100%實現圖片的自適應大小，最后使用border-radius屬性將圖片處理成圓形。

使用CSS將圖片處理成圓形非常簡單，只需要少量的代碼即可實現，適用于各種網頁設計。