CSS 3是一種用于網頁設計的CSS版本，提供了更多的圖形樣式選擇，其中包括一些有趣的長方形和橢圓樣式。

首先讓我們看看如何使用CSS 3制作一個純CSS長方形。以下是實現一個100像素寬和50像素高的長方形代碼：

.rectangle {
width: 100px;
height: 50px;
background-color: #f00;
}

您可以在此基礎上進行擴展以達到自己的需求，例如將其變成響應式，添加圓角等。

接下來是如何使用CSS 3制作一個橢圓形。以下是實現一個100像素寬和50像素高的橢圓形代碼：

.ellipse {
width: 100px;
height: 50px;
background-color: #f00;
border-radius: 50%;
}

注意我們在橢圓形樣式中使用的CSS屬性是border-radius，我們將其設置為50%，這使得橢圓形的橫向半徑等于其高度的半徑。

最后，如果您想要創建一個帶有圓角和陰影的橢圓形，則可以使用以下代碼：

.ellipse {
width: 100px;
height: 50px;
background-color: #f00;
border-radius: 50% / 50%;
box-shadow: 3px 3px 10px rgba(0,0,0,0.5);
}

這將創建帶有50%橢圓角和3像素陰影的紅色橢圓形。

以上是一些使用CSS 3制作長方形和橢圓形的基本方法。通過這些樣式，您可以使您的網站更具創造性和獨特性。