css3圆角

指定border-radius的每个圆角：

 

如果只指定一个值，则生成四个圆角；若在每个角上指定，则使用如下规则：

 

四个值：四个值分别指定左上角、右上角、右下角、左下角。

 

三个值：第一个值为左上角，第二个值为右上角和左下角，第三个值为右下角。

 

两个值：第一个值为左上角和右下角，第二个值为右上角和左下角。

 

一个值：四个圆角值相同。

 

 

 

创建椭圆边角：

 

border-radius： 50px/15px;

 

border-radius: 50%;

 

 

 

圆角属性：

 

border-radius

 

所有四个边角属性的缩写

 

border-top-left-radius

 

左上角的弧度

 

border-top-right-radius

 

右上角的弧度

 

border-bottom-left-radius

 

左下角的弧度

 

border-bottom-right-radius

 

右下角的弧度

 

 

——————————————