CSS是前端開發中非常重要的一項技術。隨著互聯網的不斷發展，人們對于網頁的設計也越來越重視，需要對網頁元素進行更加多樣化的處理。

其中，將圖片改為圓形是一種常見的設計技巧。下面我們來看看如何使用CSS將圖片改為圓形：

img {
border-radius: 50%;
}

上述代碼中，我們使用了CSS中的border-radius屬性，將圖片的四個角設置成了圓角。其中50%的值表示圓形的半徑為圖片的一半。

需要注意的是，這種方法只能將正方形的圖片改為圓形。如果圖片本身就是長方形，那么仍然會保留圖片原來的形狀。

如果想要將所有類型的圖片都改為圓形，需要在HTML中將圖片進行裁剪。代碼如下：

<div class="circle">
<img src="圖片地址">
</div>

然后在CSS中添加如下代碼：

.circle {
width: 圓形半徑;
height: 圓形半徑;
border-radius: 50%;
overflow: hidden;
}
.circle img {
width: 100%;
height: 100%;
object-fit: cover;
}

其中，.circle類設置了一個特定的寬度和高度，將其設為圓形半徑即可。同時設置了border-radius屬性，同時overflow屬性用于隱藏圖片超出元素范圍的部分。

.circle img類設置了圖片的寬度和高度均為100%，object-fit屬性用來設置圖片填充方式。cover表示自動縮放圖片以填滿整個元素，同時保持圖片比例。

這樣就可以將所有類型的圖片都改為圓形了。