圆角半径(border-radius)
border-radius是css3中新加入的属性,用来实现圆角边框。
1
2
3
4
5
6
7
8
9
|
-moz-border-radius-bottomleft:
6px
;
-moz-border-radius-topleft:
6px
;
-moz-border-radius-topright:
6px
;
-webkit-border-bottom-left-radius:
6px
;
-webkit-border-top-left-radius:
6px
;
-webkit-border-top-right-radius:
6px
;
border-bottom-left-radius:
6px
;
border-top-left-radius:
6px
;
border-top-right-radius:
6px
;
|
可以简写成:
1
2
3
|
-moz-border-radius:
0
6px
6px
;
-webkit-border-radius:
0
6px
6px
;
border-radius:
0
6px
6px
;
|
语法border-radius:top-left top-right bottom-right bottom-left