语法示例:
element {
border-radius: value;
}
- value: 可以是一个数值、百分比,或者关键字 initial、inherit。也可以是一到四个值,分别表示左上、右上、右下、左下角的半径。
下面是一些示例:
/* 设置所有角的半径为10像素 */
.element {
border-radius: 10px;
}
/* 设置左上角和右下角的半径为20像素,右上角和左下角的半径为30像素 */
.element {
border-radius: 20px 30px;
}
/* 设置四个角的半径分别为10%、20%、30%、40% */
.element {
border-radius: 10% 20% 30% 40%;
}
使用 border-radius 可以创建圆角矩形或椭圆形的边框。这个属性可以应用于所有具有边框的元素,例如 div、p、img 等。
转载请注明出处:http://www.zyzy.cn/article/detail/4137/CSS