CSS可以很容易地給圖片添加圓角效果。使用“border-radius”屬性，可以將圖片的角點變得更加圓潤。以下是如何使用CSS來實現這一效果的代碼示例：

img {
border-radius: 50%;
}

在這個例子中，我們使用50%的“border-radius”來使圖片的角點變得圓潤。這意味著圖片的每個角將被圓化，直到它們成為一個完整的圓形。 我們還可以嘗試使用其他的“border-radius”值來得到不同的圓角效果。例如，如果我們使用“10px”的值，那么我們將得到一個較小的圓角半徑，如下所示：

img {
border-radius: 10px;
}

這個例子中，我們使用10像素的“border-radius”來使圖片的角變得更加圓潤。 還有一個有趣的方法是將“border-radius”應用于一個父級元素，然后再讓圖片繼承這個屬性。這種方法可以讓圖片在父元素的邊框的內部得到圓角，并可以很容易地調整圖片的大小和位置。以下是一個使用這種方法的代碼示例：

div {
border-radius: 50%;
overflow: hidden;
width: 200px;
height: 200px;
}
img {
width: 100%;
height: 100%;
}

在這個例子中，我們創建了一個具有50%圓角的div元素。我們使用“overflow: hidden”來隱藏圖片的溢出，并使用“width”和“height”屬性來指定div元素的大小。然后，我們將圖片的寬度和高度設置為100%，以使其在div元素中填充整個空間，并且得到圓角的效果。 總結一下，使用CSS給圖片添加圓角效果非常容易。只需使用“border-radius”屬性來設置圓角半徑，或者將其應用于一個包含圖片的父元素中，以得到更多的靈活性和控制。