Css curvy footer

Question

css에서만이 바닥 글을 얻을 수 있습니까?

감사

Answer 1

이 시도하십시오

.container { 
 
    background: yellow; 
 
    height: 180px; 
 
    width: 400px; 
 
} 
 

 
.box { 
 
    width:400px; 
 
    height:80px; 
 
    background-color: white; 
 
    border:1px solid white; 
 
    border-width:0 0 13px 0; 
 
    margin:1rem auto; 
 
    -webkit-border-radius:0% 0% 50% 50%/0% 0% 50% 50%; 
 
    -moz-border-radius:0% 0% 50% 50%/0% 0% 50% 50%; 
 
    border-radius:0% 0% 50% 50%/0% 0% 50% 50%; 
 
}

<div class="container"><div class="box"></div></div>