css - CSS の逆楕円

Question

画像(レイヤー)のようにcssで逆楕円を作成するにはどうすればよいですか?

Web ページにフッターが必要です。開始位置: 下: 0px; 右: 0px;

これは私のテストですが、悪いです。

.inverseoval{
background-color: #ff3300;
     display: inline-block;
     margin-left: 20px;
     height:30px;
     width:400px;
     border: 3px solid #000000;
     border-width: 0 1px 1px 1px;
     border-radius: 50% / 100%;
     border-top-left-radius: 0;
     border-top-right-radius: 0;
}

<div class="inverseoval"></div>