HTML
<div class="opera">
<div class="opera-top"></div>
</div>
CSS
*{
margin: 0;
padding: 0;
}
.opera {
width:258px;
height: 275px;
background: #F22629;
border-radius:258px 258px 258px 258px/275px 275px 275px 275px;
position: relative;
}
.opera-top {
width: 112px;
height: 231px;
background: #FFFFFF;
border-radius: 112px 112px 112px 112px/231px 231px 231px 231px;
/* x轴 上1 右2 下3 左4/y轴上5 右6 下7 左8*/
/* 斜杠前后的四个值顺序代表 左上角 右上角 右下角 左下角*/
/* 斜杠前代表水平方向 斜杠后代表垂直方向*/
position: absolute;
left: 50%;
right: 50%;
top: 50%;
bottom: 50%;
margin-left: -56px;
margin-top: -115px;
}
效果图: