cssで楕円形の長方形を作成するには？

Question

私はcssで楕円形の矩形を作成したいと思います。私は私が国境半径でそれを行うことができます知っているが、私はそのような何かをしたいと思います：

純粋なCSSでそれを行うにはどのような方法がありますか？

Answer 1

誰かが必要な場合は、それを行いましたか？

.oval-rectangle { 
 
    -webkit-box-sizing: content-box; 
 
    -moz-box-sizing: content-box; 
 
    box-sizing: content-box; 
 
    width: 150px; 
 
    height: 150px; 
 
    position: relative; 
 
    margin: 20px 0; 
 
    border: none; 
 
    -webkit-border-radius: 50%/10%; 
 
    border-radius: 50%/10%; 
 
    text-align: center; 
 
    text-indent: 0.1em; 
 
    -o-text-overflow: clip; 
 
    text-overflow: clip; 
 
    background: #1abc9c; 
 
} 
 

 
.oval-rectangle::before { 
 
    -webkit-box-sizing: content-box; 
 
    -moz-box-sizing: content-box; 
 
    box-sizing: content-box; 
 
    position: absolute; 
 
    content: ""; 
 
    top: 10%; 
 
    right: -5%; 
 
    bottom: 10%; 
 
    left: -5%; 
 
    border: none; 
 
    -webkit-border-radius: 5%/50%; 
 
    border-radius: 5%/50%; 
 
    -o-text-overflow: clip; 
 
    text-overflow: clip; 
 
    background: #1abc9c; 
 
    text-shadow: none; 
 
}

<div class="oval-rectangle"></div>