एक अंडाकार पक्ष के साथ सीएसएस आयताकार

Question

क्या सीएसएस के साथ यह संभव है?

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: ""; 
} 

ढाल पृष्ठभूमि को जोड़ने की जटिलता यहां है।