CSS盒子模型是我们在进行网页设计时经常会用到的一个重要工具。通过CSS盒子模型，我们能够轻松地设置网页中各种元素的大小、边框、内边距以及外边距等样式。其中，圆角的设置也是我们设计中常用的样式之一。
.box {
border-radius: 10px;
}
在CSS中，我们可以通过border-radius属性来设置一个元素的圆角。其使用方法非常简单，只需要将border-radius的值设置为需要的像素数量即可。
在上述代码中，我们设置了一个名为box的元素，其圆角半径为10像素。这意味着，box元素的四个角都将被平滑处理，使其呈现出圆角效果。
需要注意的是，border-radius属性的取值可以是单个数字，也可以是表示四个角半径的一组数值。例如：
.box {
border-radius: 5px 10px 15px 20px;
}
上述代码中，我们设置了一个名为box的元素，其四个角的半径分别为5像素、10像素、15像素和20像素。这意味四个角呈现出的圆角半径是不一样的，这种设置方式常用于制作不规则形状的圆角元素。
在CSS盒子模型中，圆角属性也可以和其他样式一起使用，例如：边框、背景颜色、阴影等。这些样式的设置方法和普通元素相同，只需在.box类或其他选择器中添加需要的样式即可。
总之，CSS的border-radius属性给我们提供了一种简单高效的方式来设置元素圆角，使我们能够轻松制作出漂亮的网页布局。
