CSS中，我們可以使用border-radius屬性將圖片變成圓圖，這個屬性可以將一個元素的四個角都變?yōu)閳A形，從而實現(xiàn)圖片的圓形化。

下面是一個簡單的示例，展示如何使用CSS將圖片變成圓圖：

HTML代碼：

<img class="circle-image" src="path/to/your/image.jpg" alt="Your Image">

CSS代碼：

.circle-image {
    border-radius: 50%;
    width: 200px;
    height: 200px;
}

在這個示例中，我們首先將圖片元素應(yīng)用了一個名為“circle-image”的類，在CSS中，我們?yōu)樵擃惗x了三個屬性：border-radius、width和height，border-radius屬性設(shè)置為50%，表示將圖片的四個角都變?yōu)閳A形；width和height屬性則分別設(shè)置了圖片的寬度和高度為200px。

需要注意的是，如果圖片的長寬比與設(shè)定的寬度和高度不一致，那么圖片可能會被拉伸或壓縮，為了避免這種情況，我們可以使用object-fit屬性來保持圖片的原始長寬比，并將其居中顯示。

.circle-image {
    border-radius: 50%;
    width: 200px;
    height: 200px;
    object-fit: cover;
    display: flex;
    justify-content: center;
    align-items: center;
}

在這個示例中，我們添加了object-fit和display兩個屬性，object-fit屬性設(shè)置為cover，表示保持圖片的原始長寬比并將其居中顯示；display屬性則設(shè)置為flex，并使用justify-content和align-items來調(diào)整圖片的位置。