垂直橢圓在CSS中可以通過(guò)使用border-radius屬性來(lái)實(shí)現(xiàn)。border-radius屬性可以設(shè)置一個(gè)元素的邊框半徑，包括水平和垂直半徑，為了創(chuàng)建一個(gè)垂直橢圓，我們需要將水平半徑設(shè)置為0，并將垂直半徑設(shè)置為一個(gè)非零值。

以下是一個(gè)示例CSS代碼，展示如何創(chuàng)建一個(gè)垂直橢圓：

.vertical-ellipse {
  width: 100px; /* 橢圓的寬度 */
  height: 200px; /* 橢圓的高度 */
  border-radius: 0 50px 0 50px; /* 水平半徑為0，垂直半徑為50px */
}

在上面的代碼中，.vertical-ellipse類(lèi)應(yīng)用于一個(gè)元素，該元素的寬度為100px，高度為200px。border-radius屬性的值設(shè)置為0 50px 0 50px，這意味著水平半徑為0，垂直半徑為50px，這樣，該元素就會(huì)呈現(xiàn)出一個(gè)垂直橢圓的形狀。

上述代碼僅適用于CSS3及更高版本，如果您使用的是更舊的瀏覽器版本，可能需要添加一些瀏覽器前綴來(lái)確保兼容性，對(duì)于Firefox瀏覽器，您可能需要添加-moz前綴。

如果您希望橢圓的顏色與背景色不同，可以使用background-color屬性來(lái)設(shè)置背景色。

.vertical-ellipse {
  background-color: red; /* 設(shè)置背景色為紅色 */
}

這樣，橢圓就會(huì)呈現(xiàn)出一個(gè)紅色的外觀，您可以根據(jù)需要調(diào)整背景色和其他樣式屬性。