在網頁設計中，常常需要用到圖片來豐富頁面內容，而圓形的照片則更具有美感和吸引力。今天，我來介紹一種使用CSS實現圓形照片的方法。
我們可以使用border-radius屬性來制作圓形，它可以控制邊框的圓角半徑。例如：

img {
border-radius: 50%;
}

其中，50%的值表示圖片邊框的圓角半徑為寬度的50%。
如果要制作橢圓形的照片，我們可以將border-radius屬性的幾個值分別表示水平方向和垂直方向的圓角半徑，例如：

img {
border-radius: 50% 20%;
}

其中，50%表示水平方向的圓角半徑，20%表示垂直方向的圓角半徑。
如果你想要使用CSS實現帶有邊框的圓形照片，可以這樣寫代碼：

img {
border: 2px solid #000;
border-radius: 50%;
padding: 5px;
}

其中，border屬性用于設置邊框，padding屬性用于設置邊框與圖片的距離。
最后，需要注意一點，開啟border-radius屬性后，圖片會變成一個新的圖層，往往會導致性能問題，尤其是在移動端。因此，在實際開發中，我們需要根據具體情況進行使用和優化。
以上就是使用CSS實現圓形照片的方法，希望對你有所幫助。