DevShelf

Appearance

border-radius ​

描述 ​

属性速记设置 border-radius 所有四个边框 *-半径属性。如果在斜杠之前和之后给出值，则斜杠前的值设置水平半径，斜杠后的值设置垂直半径。如果没有斜杠，则值将两个半径设置为相等。每个半径的四个值按左上、右上角、右下、左下角的顺序给出。如果省略左下角，则与右上角相同。如果省略右下角，则与左上角相同。如果省略右上角，则与左上角相同。

效果展示 ​

语法 ​

css
border-radius: [ <length> | <percentage> ]{1,4} [ / [ <length> | <percentage> ]{1,4} ]?

值 ​

  • <length> 表示圆半径或椭圆的半长轴和半短轴的大小。它可以用 CSS 数据类型允许的任何单位表示。负值无效。
  • <percentage> 使用百分比值表示圆半径或椭圆的半长轴和短轴的大小。水平轴的百分比是指盒子的宽度，垂直轴的百分比是指盒子的高度。负值无效。