在网页设计中，背景图是很常见的一种装饰方式。但是，有时候我们希望背景图的边角能够变为圆角，增强页面的美观性。那么，如何实现CSS背景图圆角呢？
如下是一段用CSS实现背景图圆角的代码：
border-radius: 50%;
background-image: url("example.png");
background-size: cover;
这段代码实现了一个圆形的背景图，边角变成了圆角。其中，border-radius: 50%;这一行代码设置了背景图的边角为50%的圆角。background-image: url("example.png");这一行代码设置了背景图的路径。background-size: cover;这一行代码则是保证背景图能够填满整个容器，不会留白。
当然，如果希望实现其他形状的背景图圆角，也可以通过修改border-radius的值来进行调整。例如，border-radius: 10px 20px 30px 40px;就可以实现四个角的不同圆角大小，从而实现不同的背景图外形。
总之，通过CSS的border-radius属性，我们可以轻松地实现页面背景图的圆角效果，让页面更加美观和优雅。
