使用border-radius繪製橢圓

border-radius總共接受8個值，前4個爲水平方向上的值，後4個爲垂直方向；

border-radius: 50px 50px 50px 50px/25px 25px 25px 25px;

水平方向和垂直方向上的4個值順序都是左上，右上，右下，左下。

以水平方向爲例(能夠經過審查元素查看樣式)：

設置第一個值爲10px,其餘50px：

 

當水平方向的都爲25px，垂直爲50px時：

 

只需將寬度改成50px:

 

 

若是想繪製水平的橢圓： 

 

在繪製水平橢圓時使用了簡寫的方式border-radius: 50px/25px;簡寫的寫法相似padding和margin