css - 1つの楕円形の側面を持つ長方形のCSS

Question

これはCSSで作成できますか？（色は重要ではなく、楕円形の底面だけです）

Answer 1

試す

background-color: #60a0d0;
border-bottom-left-radius:50% 10%;
border-bottom-right-radius:50% 10%;

（適切なブラウザプレフィックス付き）

Answer 2

メインブロックの後ろに配置された楕円または円の曲線を取得できます：http： //jsfiddle.net/e9RLQ/1/

.box {
    position: relative;    
    background: #60a0d0;
}
.box:after {
    position: absolute;
    z-index: -1;
    left: 0;
    top: 100%;
    width: 300%;
    height: 300px;
    margin: -292px 0 0 -100%;
    background: #60a0d0;
    border-radius: 50%;
    content: "";
}

ここでの欠点は、グラデーションの背景を追加することの複雑さです。