在CSS中,我們可以使用border-radius屬性來創建圓形或橢圓形的div。當我們設置border-radius的值為50%時,寬度和高度都為元素本身的50%。如果我們希望只設置其中一個方向為橢圓形,可以使用border-radius的兩個值來分別設置橫向和縱向的百分比。
以下是一個橢圓形div的樣例代碼:
<div class="ellipse"></div> .ellipse { width: 200px; height: 100px; background-color: #f00; border-radius: 50%/ 50%; }
我們可以看到,通過設置border-radius的值為50%/ 50%,我們創建了一個寬度為200像素,高度為100像素的橢圓形div。