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”属性来设置圆角半径，或者将其应用于一个包含图片的父元素中，以得到更多的灵活性和控制。