在CSS中，我們可以使用border-radius屬性來繪制圓角圖形。但是如果我們只需要畫一半的橢圓形，該如何實現呢？這里我們可以使用偽元素來實現。

.ellipse {
width: 200px;
height: 100px;
background-color: #ccc;
position: relative;
overflow: hidden;
}
.ellipse:before {
content: "";
position: absolute;
top: 0;
left: -50%;
width: 200%;
height: 100%;
border-radius: 50%;
background-color: #fff;
}

上面的代碼中，我們首先創建了一個大小為200px x 100px的div元素，并設置了背景色為#ccc。我們設置了div元素的position為relative，這樣我們后面需要絕對定位的偽元素才能相對于該元素進行定位。

接著，我們創建了一個偽元素:before。我們將其放置在div元素的左側并設置其width為200%，這樣就能夠覆蓋整個div元素的區域。我們還將其高度設置為100%，并將border-radius屬性設置為50%，這樣就能夠畫出一個半個橢圓形的圖形。最后，設置其背景色為白色（#fff）。

這樣我們就能夠成功的繪制出一個半個橢圓形的圖形。你還可以將這個半個橢圓形左、右、上、下分別傾斜，來實現更加奇妙的效果。