CSS3橢圓怎么寫?
在CSS3中,我們可以使用border-radius
屬性來繪制橢圓,這個屬性可以接收兩個值,分別代表水平和垂直半徑,通過調(diào)整這兩個值,我們可以繪制出不同大小和寬高比的橢圓。
下面是一個簡單的示例代碼,展示如何使用CSS3繪制橢圓:
.ellipse { width: 200px; height: 100px; border-radius: 50%; background-color: #333; }
在這個示例中,我們創(chuàng)建了一個名為.ellipse
的類,用于繪制橢圓,通過width
和height
屬性,我們設(shè)置了橢圓的寬度和高度,使用border-radius
屬性,我們將橢圓的水平和垂直半徑設(shè)置為50%,這樣繪制出來的橢圓就會更加圓潤,通過background-color
屬性,我們設(shè)置了橢圓的背景顏色。
你可以將上述代碼復制到你的CSS文件中,并應(yīng)用到需要繪制橢圓的元素上,這樣,你就可以在網(wǎng)頁上看到一個漂亮的橢圓了。