CSS3 border-radius 属性

今天面试的时候，面试官问了一个border-radius属性参数的问题。当时记得不清楚，回去后便研究学习了一下。
使用 CSS3 border-radius 属性，你可以给任何元素制作 "圆角"。（设置不同参数，也可以制作其他形状的角）
border-radius属性有四个值，分别对应图中1、2、3、4位置圆角的半径。

当然这些值可以缺省，具体代表意思如下：
四个值: 第一个值为1，第二个值为2，第三个值为3，第四个值为4。
三个值: 第一个值为1, 第二个值为2和4，第三个值为3
两个值: 第一个值为1与3，第二个值为2与4
一个值： X=1=2=3=4;
上述位置1、2、3、4可以分别用border-top-left-radius、border-top-right-radius、border-bottom-right-radius、border-bottom-left-radius表示。
示例：

test {

border-radius: 35px 15px 25px;
border: 2px solid #8AC007;
padding: 20px; 
width: 100px;
height: 80px;    

}

如果要画椭圆角，就要设置border-radius水平半径和垂直半径不同。此时使用‘/’号隔离，‘/’号前表示水平半径，‘/’号后表示垂直半径，缺省值时表示含义同上。
示例：
test {

border-radius: 45px/20px;
background: #8AC007;
padding: 20px; 
width: 200px;
height: 150px;    

}