半橢圓是指一個橢圓的一半,在網(wǎng)頁設(shè)計中,有時我們需要通過CSS來制作一個半橢圓,下面是制作的方法:
上述代碼中,用到了CSS3的border-radius屬性,并設(shè)置了它的水平半徑與垂直半徑分別為100px和50px,之所以水平半徑和垂直半徑不一樣,是因為需要將一個橢圓的一半轉(zhuǎn)換成一個半橢圓,故而需要更改一個橢圓的長短軸長度比例,即修改水平半徑與垂直半徑的數(shù)值。
.ellipse { border:1px solid #000; width:200px; height:100px; border-radius:100px/50px; background-color:#eee; }