html5一半椭圆角,DIV上半部椭圆布局问题？

position:relative;

toop:10rem;

height:4rem;

就能基本形似了；

更新答案：希望PO主不是伸手党；

.bg{

background:blue;

width:320px;

height:100%;

min-height:100%;

max-height:100%;

overflow:hidden;

box-sizing: border-box;

padding-top:5rem;

position: relative;

overflow:hidden;

}

.bg .content{

display: block;

padding:4rem 1rem 0;

position: relative;

z-index:2;

}

.bg .decoration{

height:640px;

width:640px;

position: absolute;

left:-160px;

background:white;

border-radius:50%;

z-index:1;

box-sizing: border-box;

}

.bg .decoration:before{

display: block;

content:"";

margin:5px;

height:626px;

width:626px;

border-radius:50%;

border:2px dashed blue;

}

这里是内容