border-radius.md

圆角(border-radius)

border-top-left-radius

设置边框左上角的外形。

属性值：

1. 尺寸值 圆角半径
2. 百分值 乘以边框宽/高度，作为圆角的半径

属性值组合：

1. a b/a% b%/a% 椭圆的水平半径和垂直半径
2. a 圆的半径

border-top-right-radius

设置边框右上角的外形。

border-bottom-left-radius

设置边框左下角的外形。

border-bottom-right-radius

设置边框右上角的外形。

border-radius

在同一个声明中设置内边距属性。

可包括的属性：

• border-top-left-radius
• border-top-right-radius
• border-bottom-right-radius
• border-bottom-left-radius

可包括的属性组合：

1.a b c d / e f g h

top-left: a e;
top-right: b f;
bottom-right: c g;
bottom-left: d h;

2.a b c d / e f g

top-left: a e;
top-right: b f;
bottom-right: c g;
bottom-left: d f;

3.a b c d / e f

top-left: a e;
top-right: b f;
bottom-right: c e;
bottom-left: d f;

3.a b c d / e

top-left: a e;
top-right: b e;
bottom-right: c e;
bottom-left: d e;

...
a b c d | a b c | a b | a
*
e f g h | e f g | e f | e
...

4.a b c d

top-left: a a;
top-right: b b;
bottom-right: c c;
bottom-left: d d;

5.a b c

top-left: a a;
top-right: b b;
bottom-right: c c;
bottom-left: b b;

6.a b

top-left: a a;
top-right: b b;
bottom-right: a a;
bottom-left: b b;

7.a

top-left: a;
top-right: a;
bottom-right: a;
bottom-left: a;