PHP前端开发

border-radius属性的作用是

百变鹏仔 3个月前 (09-19) #CSS
文章标签 属性
border-radius属性用于设置元素边框的圆角半径。属性值可以是无单位值(单位为父元素字体的x-高度)、单位值或者多个值,可以分别指定顶端、右侧、底部和左侧的圆角半径。根据指定的值,可以设置所有圆角的半径相同、设置水平圆角和垂直圆角不同的半径、设置顶部圆角和侧面/底部圆角不同的半径,或分别设置四个圆角不同的半径。

border-radius 属性的作用

border-radius 属性用于设置元素边框的圆角半径,使其呈现圆角效果。

属性值

border-radius 属性接受以下值:

使用方法

语法:

border-radius: [top-left] [top-right] [bottom-right] [bottom-left];

其中,各值可以是:

示例

/* 设置所有圆角半径为 10px */border-radius: 10px;/* 设置水平圆角半径为 20px,垂直圆角半径为 10px */border-radius: 20px 10px;/* 设置顶部圆角半径为 20px,其他圆角半径为 10px */border-radius: 20px 10px 10px;/* 分别设置四个圆角半径 */border-radius: 10px 20px 30px 40px;