CSS3可以輕松地繪制半橢圓形，只需要一些簡單的CSS規(guī)則。

首先使用border-radius屬性，將元素的一半半徑應(yīng)用到其寬度（也就是100%寬度）。使用border-top-left-radius和border-top-right-radius屬性，將左上角和右上角設(shè)置為50%。這樣，我們就得到了一個(gè)半圓形。

接下來，使用transform: rotate()函數(shù)將我們的半圓形旋轉(zhuǎn)90度。這樣，我們就得到了一個(gè)半橢圓形。繼續(xù)使用background-color屬性來設(shè)置背景色和width和height屬性來設(shè)置半橢圓的大小，就完成了半橢圓的繪制！

.semi-circle {
background-color: blue;
width: 200px;
height: 100px;
border-top-left-radius: 100px 50px;
border-top-right-radius: 100px 50px;
transform: rotate(90deg);
}

以上代碼將創(chuàng)建一個(gè)藍(lán)色的半橢圓，寬度為200像素，高度為100像素。

除了使用border-radius屬性外，我們還可以使用clip-path屬性來繪制半橢圓形。我們可以使用Ellipse()函數(shù)來定義我們的半橢圓形的大小和位置。同樣使用transform屬性來旋轉(zhuǎn)半橢圓形。

.semi-circle {
background-color: blue;
clip-path: ellipse(100px 50px at 50% 0%);
transform: rotate(90deg);
}

以上代碼將創(chuàng)建一個(gè)藍(lán)色的半橢圓，寬度為200像素，高度為100像素。

無論您是使用border-radius屬性還是clip-path屬性，都可以輕松地創(chuàng)建半橢圓形?，F(xiàn)在您可以在您的網(wǎng)站上使用這個(gè)形狀來為您的設(shè)計(jì)增加更多的維度與美感。