CSS3 border-radius 属性

1. border-radius的含义是：圆角。border-radius是一种缩写方法。  
2. 如果“/”前后的值都存在，那么“/”前面的值设置其水平半径，“/”后面值设置其垂直半径。  
3.   
4. 设置圆角全部为5像素  
5. border-radius: 5px 5px 3px 3px;  
6. border-radius: [左上]  [右上] [右下] [左下];  
7.   
8. ------------------------------------------------  
9. border-radius:2em;  
10.   
11. 等价于：  
12. border-top-left-radius:2em;  
13. border-top-right-radius:2em;  
14. border-bottom-right-radius:2em;  
15. border-bottom-left-radius:2em;  
16.   
17. ------------------------------------------------  
18.   
19. border-radius: 2em 1em 4em / 0.5em 3em;  
20.   
21. 等价于：  
22. border-top-left-radius: 2em 0.5em;  
23. border-top-right-radius: 1em 3em;  
24. border-bottom-right-radius: 4em 0.5em;  
25. border-bottom-left-radius: 1em 3em;  
26.   
27. 注释：按此顺序设置每个 radii 的四个值。如果省略 bottom-left，则与 top-right 相同。  
28. 如果省略 bottom-right，则与 top-left 相同。如果省略 top-right，则与 top-left 相同。