在網頁設計中，圖片的樣式和展示方式也非常重要。如果我們想要將圖片展示成圓形的，就需要使用 CSS 技術了。下面我們就來講一講如何使用 CSS 將圖片展示成圓形的形狀。 首先，在 HTML 中我們需要添加一張圖片。可以這樣寫：

<img src="picture.jpg" alt="" />

然后，在 CSS 中，我們可以使用 border-radius 屬性來實現圓形圖片的效果。border-radius 屬性可以設置一個元素的圓角（元素的四個角被削弱為圓形）。我們將這個屬性設置為 50% 即可讓圖片變成一個圓形。代碼如下：

img {
border-radius: 50%;
}

這樣我們就可以將圖片變成一個圓形了，非常簡單。如果想要圓形圖片之外再加上一些其他的樣式，比如邊框、陰影等，也可以使用 CSS 樣式進行設置。 總結：使用 CSS 技術可以讓我們輕松地將圖片展示成圓形的。有了這個技巧，我們可以為網頁設計添加更多的美觀元素，使頁面效果更加出色。