CSS橢圓（oval）是一個常見的CSS技巧，常用于制作圓形或橢圓形的圖像或按鈕。與使用圖像相比，使用CSS橢圓可以降低文件大小，提高性能。在本文中，我們將介紹如何使用CSS創建橢圓形Span元素。

首先，我們需要給Span元素設置一個固定的寬高。要使Span元素成為橢圓形，我們可以使用border-radius屬性并將其設置為50%。這將把Span元素變為一個圓形。接下來，我們可以使用transform: scale()屬性將其縮放為橢圓形。例如，我們可以將其水平縮放為1.5倍，而垂直縮放為1倍，這將產生一個水平拉伸的橢圓形。

span {
width: 100px;
height: 50px;
border-radius: 50%;
transform: scale(1.5, 1);
}

我們也可以改變它的背景顏色和邊框樣式。例如，我們可以設置一個紅色背景和一個2像素的虛線邊框。

span {
width: 100px;
height: 50px;
border: 2px dashed #333;
background-color: red;
border-radius: 50%;
transform: scale(1.5, 1);
}

您可以在上面的CSS代碼中進行更改以使其適合您的需求。此外，您還可以將它作為按鈕和其他圖形的基礎，使用其他屬性和技巧來進一步定制和美化。希望這個簡短的教程可以幫助您更好地理解如何使用CSS創建橢圓形Span元素。