在網頁設計中，我們經常需要將圖片進行圓形處理。這個時候，我們可以使用 CSS 來達到這個效果。接下來，讓我們來探討一下如何用 CSS 實現圖片圓形。

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

在上面的代碼中，我們使用了 border-radius 屬性來讓圖片成為一個圓形。通過設置值為 50%，我們可以讓圖片的邊角處呈現圓形。同時，我們設置了圖片的寬度和高度，以確保圖片比例不會被改變。

此外，我們還可以通過對容器的樣式進行修改，來實現圓形圖片的效果。

.container {
width: 100px;
height: 100px;
overflow: hidden;
border-radius: 50%;
}
.container img {
width: 100%;
height: 100%;
}

在上面的代碼中，我們首先給容器設置了一些基本樣式，包括寬度和高度。然后，我們將容器的 overflow 屬性設置為 hidden，以避免圖片超出容器的范圍。接著，我們設置容器的邊角處呈現圓形。最后，我們對容器內的圖片進行了樣式的修改，同時將其寬度和高度設置為 100%。

通過上述方法，我們可以使用 CSS 來實現圖片圓形的效果。無論是在個人網站還是商業網站設計中，這種技巧都十分有用。