在CSS中，我們可以使用border-radius屬性將圖片變成圓形，這個屬性接受一個長度值，表示圓心的半徑，可以將圖片裁剪成指定大小的圓形。

如果我們有一張圖片，想要將其變成圓形，可以編寫如下CSS代碼：

img {
  border-radius: 50%;
}

上述代碼會將圖片裁剪成一個圓形，圓心的半徑為圖片的一半，如果想要改變圓形的大小，可以調(diào)整border-radius的值，如果想要將圓形放大到圖片的2/3大小，可以編寫如下代碼：

img {
  border-radius: 66.66%;
}

需要注意的是，如果圖片不是正方形的，那么裁剪出來的圓形可能會有些變形，在使用border-radius屬性時，***好保證圖片是正方形的或者***少寬度和高度相等。

如果想要在圓形圖片中添加一些樣式，比如背景色、邊框等，也可以在CSS中實(shí)現(xiàn)，如果想要在圓形圖片中添加一個白色的背景色和一個紅色的邊框，可以編寫如下代碼：

img {
  border-radius: 50%;
  background-color: white;
  border: 2px solid red;
}

上述代碼會在圓形圖片中添加一個白色的背景色和一個紅色的邊框，邊框的寬度為2像素。