首先，大家需要用到border-radius属性，它可以设置元素的圆角大小。语法格式如下：
border-radius: 上左上角 下左下角 下右下角 上右上角;
其中，上左上角、下左下角、下右下角、上右上角的值可以分别设置圆角的大小，可以用px、em、%等单位来表示。
此外，还可以设置多个圆角，如下：
border-radius: 10px 50px 30px 20px;
这表示左上角10px，右上角50px，右下角30px，左下角20px。
大家也可以只设置某些角的圆角，例如只设置左上角和右下角：
border-radius: 20px 0 0 20px;
大家可以在应用实例中使用上述属性，如下：
div{
width: 200px;
height: 200px;
background-color: #7bd5f5;
border: 5px solid #fff;
border-radius: 30px 10px 30px 10px;
}以上代码表示将一个200px * 200px的div元素的边框设置为5px粗的白色实线，设置四个角的圆角大小分别为顺时针方向30px、10px、30px、10px，背景颜色为蓝色。
CSS的圆角框设置可以让网页设计得更有美感、视觉舒适感。希望以上内容能对大家有所帮助。