CSS是一種非常重要的網(wǎng)頁(yè)設(shè)計(jì)語(yǔ)言，它可以設(shè)置許多不同的效果，其中一個(gè)效果就是將圖片變成圓形。下面介紹一下CSS如何實(shí)現(xiàn)圖片圓形。

img {
border-radius: 50%;
}

以上代碼是將一個(gè)圖片變成圓形的CSS代碼。

其中，border-radius是CSS中的一個(gè)屬性，用于設(shè)置邊框半徑。在這個(gè)代碼中我們?cè)O(shè)置了半徑為50%，那么圖片的邊框?qū)⒊蔀橐粋€(gè)圓形，而非矩形。

如果想要將多個(gè)圖片都設(shè)置成圓形，可以封裝為一個(gè)類，再在HTML中對(duì)需要的圖片應(yīng)用這個(gè)類：

.circle-img {
border-radius: 50%;
}

以上代碼是將一個(gè)類進(jìn)行了圓形邊框封裝。

通過(guò)上述方法，我們可以很方便地將一個(gè)圖片或者多個(gè)圖片變成圓形，讓網(wǎng)頁(yè)看起來(lái)更加美觀。