在CSS中,通過使用"border-radius"屬性,我們可以很容易地畫出圓形和正方形的圖形。但是,當我們需要畫出橢圓時,該如何實現呢?
例子: div{ width: 150px; height: 100px; border-radius: 75px / 50px; background-color: blue; }
上述代碼中,“border-radius”屬性有兩個值,一個代表橢圓的水平半徑,另一個代表橢圓的垂直半徑。因此,我們可以通過控制這兩個值的大小來實現畫橢圓的功能。
需要注意的是,當我們將水平和垂直半徑設置成相等的值時,我們得到的是一個標準的圓形。只有當水平和垂直半徑不相等時,才能實現畫出橢圓的功能。