CSS是网页设计中必不可少的一部分，它用于控制网页的样式和布局。其中，圆角框是一种经常被使用的设计元素，它可以让网页看起来更加美观和舒适。在CSS中，我们可以使用border-radius属性来实现框变圆角。

.box{
border-radius: 10px; 
	}

使用border-radius属性可以将一个元素的边框变为圆角边框。border-radius属性接收一个或多个参数，用空格隔开。

如果只有一个参数，那么这个参数表示所有四个角的圆角半径大小。

.box{
border-radius: 10px; //将所有四个角的圆角半径大小设置为10px
	}

如果有两个参数，那么第一个参数表示左上角和右下角的圆角半径大小，第二个参数表示右上角和左下角的圆角半径大小。

.box{
border-radius: 10px 20px; //将左上角和右下角的圆角半径大小设置为10px，右上角和左下角的圆角半径大小设置为20px
	}

如果有四个参数，那么分别表示左上角、右上角、右下角和左下角的圆角半径大小。

.box{
border-radius: 10px 20px 30px 40px; //将左上角圆角半径大小设置为10px，右上角圆角半径大小设置为20px，右下角圆角半径大小设置为30px，左下角圆角半径大小设置为40px
	}

CSS中的border-radius属性不仅可以用于圆角框的创建，还可以用于图片的圆角处理、按钮的样式调整等等。在网页设计中，掌握border-radius属性的用法可以让我们更加轻松地打造出美观而舒适的网页。