CSS实现圆角效果是网页布局中常见的一个技术，它可以使网页元素的边框变得更加美观，更容易被用户接受。CSS实现圆角效果的几种常用方法有：
1、使用border-radius属性

.div1 {
    border-radius: 10px;
}

border-radius属性可以设置圆角的大小，它是CSS3新增的属性，兼容IE9以上的浏览器。
2、使用background-clip和border-radius属性

.div2 {
    background-clip: padding-box;
    border-radius: 10px;
}

background-clip属性可以设置背景图片的裁剪范围，与border-radius属性一起使用，可以实现圆角效果。
3、使用box-shadow属性

.div3 {
    box-shadow: 0 0 10px #ccc;
}

box-shadow属性可以设置元素的阴影效果，设置一个圆角半径为10px的阴影，可以实现圆角效果。
4、使用outline属性

.div4 {
    outline: 10px solid #ccc;
}

outline属性可以设置元素的轮廓，设置一个圆角半径为10px的轮廓，可以实现圆角效果。
5、使用SVG