CSS可以通過border-radius屬性來實現圓形、橢圓形等需求，但是當我們想要實現只需要半個圓或者橢圓的時候，就需要用到另一種方法，那就是使用CSS畫半個橢圓。

.half-oval {
width: 100px;
height: 50px;
background-color: #f00;
border-radius: 50px/25px;
transform: rotateY(180deg);
}

以上代碼就可以畫出一個紅色的半橢圓形了。接下來，我們來分析一下代碼的原理。

首先，我們需要通過設置div的width和height來確定半橢圓所占據的空間。然后，我們使用border-radius屬性來設置橢圓長軸和短軸的半徑，以確保橢圓的形狀。其中，50px代表長軸半徑，25px代表短軸半徑。

但是，我們需要注意的是，設置border-radius屬性只限于正方形或正圓形，而我們卻需要的是長方形或橢圓形。所以，我們在這里使用了transform屬性來進行矯正。rotateY(180deg)代表將該div先進行一個沿著y軸的旋轉，再將它倒過來，從而達到半個橢圓的效果。

最后，我們將該div設置背景色為紅色，這樣就可以看到一個紅色的半橢圓躺在我們的頁面上了！