CSS中border-radius的正确使用方法

border-radius属性用于设置元素的边框的圆角。它可以接受一个或四个值，分别对应左上角、右上角、右下角和左下角的圆角半径。

示例：

/* 设置所有角的圆角半径为10px */
border-radius: 10px;

/* 设置左上角和右下角的圆角半径为5px，右上角和左下角的圆角半径为10px */
border-radius: 5px 10px;

/* 分别设置四个角的圆角半径 */
border-radius: 5px 10px 15px 20px;

另外，也可以分别设置不同的圆角半径：

/* 分别设置四个角的圆角半径 */
border-top-left-radius: 5px;
border-top-right-radius: 10px;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 20px;