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

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

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

img {
border-radius: 50%;
}

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