一、自適應(yīng)橢圓

* border-radius特性:
    * 可以單獨指定水平和垂直半徑,并且值可以是百分比,用/(斜杠)分隔這兩個值即可(可以實現(xiàn)自適應(yīng)寬度橢圓)。
    * 還可以單獨指定四個角度不同的水平和垂直半徑(可以實現(xiàn)半橢圓)
    * 四分之一橢圓,主要是調(diào)整水平和垂直的半徑
* 示例代碼:

移動開發(fā)培訓(xùn),Android培訓(xùn),安卓培訓(xùn),手機開發(fā)培訓(xùn),手機維修培訓(xùn),手機軟件培訓(xùn)

.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;