在網頁設計中，所用到的圖片形狀往往各不相同，如果我們需要將圖片改成圓形的形狀該怎么做呢？這時候我們可以使用CSS來進行樣式的設置。

/* 將圖片設置為圓形 */
img {
border-radius: 50%;
}

上述代碼中，我們使用了border-radius屬性，這個屬性可以將元素的邊框設置為圓角，通過將圓角值設置為50%（或者與圖片寬高相等的值），便可實現圖片圓形的效果。

當然，如果我們需要設置多個元素為圓形，可以使用class或者id來進行區分。

/* 將指定class為circle的元素設置為圓形 */
.circle {
border-radius: 50%;
}

除了使用border-radius屬性，還可以使用clip-path屬性來實現圖片圓形的效果，具體實現方式可以參考下方代碼。

/* 將圖片設置為圓形 */
img {
clip-path: circle(50%);
}

總而言之，使用CSS讓圖片圓形顯示非常簡單，只需要一行代碼即可完成。