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