border-radius 属性可以接受一个或四个值，分别表示四个角的半径。如果提供一个值，将应用于所有四个角。如果提供四个值，它们依次表示左上、右上、右下和左下角的半径。
示例：
/* 一个值：所有四个角使用相同的半径 */
div {
border-radius: 10px;
}
/* 四个值：分别表示左上、右上、右下和左下角的半径 */
div {
border-radius: 10px 20px 15px 5px;
}
/* 两个值：分别表示左上/右下 和 右上/左下 角的半径 */
div {
border-radius: 10px 5px;
}
上述例子中，border-radius 属性被用来设置元素的边框圆角。你可以根据需要调整数值，使边框呈现出不同的形状。这个属性在设计中常用来创建按钮、卡片等元素的圆角效果。
转载请注明出处：http://www.pingtaimeng.com/article/detail/6019/CSS