要制作圆角矩形，大家可以使用CSS3中的border-radius属性。该属性可以让大家设置元素的圆角半径，从而实现圆角矩形的效果。
/* 设置元素的圆角半径 */
.rounded {
border-radius: 10px;
}上面的代码会将具有类名为“rounded”的元素的四个角都设置成半径为10像素的圆角，从而达到圆角矩形的效果。
当然，大家还可以只设置元素的部分角为圆角。比如，大家可以将一个元素的左上角和右下角设置成圆角。
/* 设置元素左上角和右下角的圆角半径 */
.rounded {
border-top-left-radius: 10px;
border-bottom-right-radius: 10px;
}上面的代码会让具有类名为“rounded”的元素的左上角和右下角都设置成半径为10像素的圆角，从而形成一个斜角的圆角矩形。
使用CSS制作圆角矩形是非常简单的。大家只需要设置border-radius属性或其子属性就可以实现。如果你想让你的网页看起来更加美观，不妨试试添加一些圆角矩形效果吧！