一、自適應(yīng)橢圓
* border-radius特性:
* 可以單獨指定水平和垂直半徑,并且值可以是百分比,用/(斜杠)分隔這兩個值即可(可以實現(xiàn)自適應(yīng)寬度橢圓)。
* 還可以單獨指定四個角度不同的水平和垂直半徑(可以實現(xiàn)半橢圓)
* 四分之一橢圓,主要是調(diào)整水平和垂直的半徑
* 示例代碼:
.wrap{ border-radius: 50% / 30%; width: 60px; height: 80px; background: yellow; } .wrap02{ width: 60px; height: 80px; background: yellow; border-radius: 50% / 100% 100% 0 0; } .wrap03{ width: 60px; height: 80px; background: yellow; border-radius: 100% 0 0 0;