CSS rettangolare con un lato ovale

Question

E 'possibile farlo con i CSS? (Colore non è importante lato, solo fondo che è ovale)

Answer 1

Prova

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

(con opportuni prefissi del browser)

Answer 2

È possibile ottenere qualsiasi curva con un ellisse o un cerchio , posizionato dietro il blocco principale: 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: ""; 
} 

Lo svantaggio qui è la complessità dell'aggiunta dello sfondo sfumato.