使用CSS給圖片添加圓角效果是一種常見的設計技巧。下面我們來分享一些關于圖片圓角CSS代碼的方法。 首先，在CSS中創建一個選擇器，例如img。

img {
border-radius: 50%;
}

這個代碼讓圖片顯示為圓形，因為我們使用了border-radius屬性并將值設為50%。這意味著將圖片的邊框半徑設置為它自身寬度和高度的50%。 如果想要創建帶有圓角的矩形圖片，可以使用以下代碼:

img {
border-radius: 10px;
}

這個代碼將圖片邊框的圓角半徑設為了10像素，可以通過修改此數字來改變圓角的大小。 如果想要將圓角效果應用到具有背景的圖片，可以使用以下代碼：

img {
border-radius: 50%;
background-color: black;
}

這個CSS代碼將圖片的邊框設為圓形，并將背景顏色設為黑色。 還可以將圖片框從矩形改為橢圓形:

img {
border-radius: 50% / 70%;
}

這個代碼使用border-radius屬性，第一個值將邊框設為圓形，第二個值指定橢圓的寬高比。 總之，使用CSS給圖片添加圓角效果可以讓網頁設計更加美觀，使用以上代碼可以幫助你在這方面取得更好的效果。