CSS3半橢圓繪制方法

在CSS3中，我們可以使用border-radius屬性來繪制半橢圓，以下是一個簡單的示例：

HTML代碼：

<div class="half-ellipse"></div>

CSS代碼：

.half-ellipse {
  width: 100px;
  height: 200px;
  border-radius: 50px 0 0 50px;
  background-color: #333;
}

在這個示例中，我們創(chuàng)建了一個名為“half-ellipse”的類，并將其應(yīng)用到一個div元素上，該元素的寬度為100像素，高度為200像素，背景顏色為#333，通過border-radius屬性，我們將其右上角和左下角的半徑設(shè)置為50像素，使其呈現(xiàn)出一個半橢圓的形狀。

您可以根據(jù)需要調(diào)整元素的寬度、高度和背景顏色，以及border-radius屬性的值，來繪制不同大小和顏色的半橢圓，這種方法簡單易行，適用于各種網(wǎng)頁設(shè)計需求。