boader-radius
时间: 2024-02-11 08:03:08 浏览: 18
border-radius是CSS中的一个属性,用于设置元素的边框圆角。通过设置border-radius属性,可以使元素的边框呈现出圆角的效果。
border-radius属性可以接受一个或多个值,用于指定每个角的圆角半径。如果只指定一个值,则四个角的圆角半径都相同;如果指定两个值,则第一个值表示水平方向上的圆角半径,第二个值表示垂直方向上的圆角半径;如果指定四个值,则分别表示左上角、右上角、右下角和左下角的圆角半径。
以下是border-radius属性的一些示例:
1. border-radius: 10px; // 四个角的圆角半径都为10px
2. border-radius: 10px 20px; // 左上角和右下角的圆角半径为10px,右上角和左下角的圆角半径为20px
3. border-radius: 10px 20px 30px 40px; // 左上角的圆角半径为10px,右上角的圆角半径为20px,右下角的圆角半径为30px,左下角的圆角半径为40px
使用border-radius属性可以为元素的边框添加圆角效果,使页面呈现更加美观和友好。