border-radius | css border圓角
该属性是一个简写属性[1],是为了将这四个属性border-top-left-radius[2]、border-top-right-radius[3]、border-bottom-right-radius(en-US)[4],和border-bottom-left-radius[5]简写为一个属性。即使元素没有边框,圆角也可以用到background[6]上面,具体效果受background-clip[7]影响。当border-collapse[8]的值为collapse时,border-radius属性不会被应用到表格元素上。radius可以是
该属性是一个 简写属性[1],是为了将这四个属性 border-top-left-radius[2]、border-top-right-radius[3]、border-bottom-right-radius (en-US)[4],和 border-bottom-left-radius[5] 简写为一个属性。
即使元素没有边框,圆角也可以用到 background[6] 上面,具体效果受 background-clip[7] 影响。
当 border-collapse[8] 的值为 collapse 时,border-radius 属性不会被应用到表格元素上。
radius 可以是 <length>[9] 或者 <percentage>[10],表示边框四角的圆角半径。只在单值语法中使用。 top-left-and-bottom-right 可以是 <length>[11] 或者 <percentage>[12],表示边框左上角和右下角的圆角半径。只在双值语法中使用。 top-right-and-bottom-left 可以是 <length>[13] 或者 <percentage>[14],表示边框右上角和左下角的圆角半径。只在双值或三值语法中使用。 top-left 可以是 <length>[15] 或者 <percentage>[16],表示边框左上角的圆角半径。只在三值或四值语法中使用。 top-right 可以是 <length>[17] 或者 <percentage>[18],表示边框右上角的圆角半径。只在四值语法中使用。 bottom-right 可以是 <length>[19] 或者 <percentage>[20],表示边框右下角的圆角半径。只在三值或四值语法中使用。 bottom-left 可以是 <length>[21] 或者 <percentage>[22],表示边框左下角的圆角半径。只在四值语法中使用。 inherit ...