一、自适应椭圆
* border-radius特性:
* 可以单独指定水平和垂直半径,并且值可以是百分比,用/(斜杠)分隔这两个值即可(可以实现自适应宽度椭圆)。
* 还可以单独指定四个角度不同的水平和垂直半径(可以实现半椭圆)
* 四分之一椭圆,主要是调整水平和垂直的半径
* 示例代码:
.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;


