在CSS中，我們可以通過對(duì)圖片進(jìn)行樣式設(shè)置來實(shí)現(xiàn)將圖片顯示為圓形的效果。下面，我們來看一下具體的實(shí)現(xiàn)方法。 首先，在HTML代碼中將需要顯示為圓形的圖片添加一個(gè)class，如下所示：

接下來，我們可以使用CSS中的border-radius屬性將圖片的邊緣設(shè)置為與圖片寬度一半相同的半徑，從而實(shí)現(xiàn)圓形的效果。我們可以針對(duì)圓形圖片的class設(shè)置如下樣式：

.round-img {
display: block;
width: 200px;
height: 200px;
border-radius: 50%; /*將圖片邊緣設(shè)置為半徑為50%的圓*/
}

在上面的代碼中，我們將圖片的寬度和高度都設(shè)置為200px，也可以根據(jù)實(shí)際需要進(jìn)行調(diào)整。同時(shí)，我們?cè)O(shè)置了display:block，使得圖片可以獨(dú)占一行。 這樣，我們就可以將圖片顯示為圓形了。當(dāng)然，如果需要改變圖片的大小，只需要調(diào)整相應(yīng)的寬度和高度即可。同時(shí)，border-radius屬性還可以用來制作各種不同形狀的圖片，例如橢圓形、正方形等等。 以上就是使用CSS將圖片顯示為圓形的方法，希望對(duì)你有所幫助。