CSS中可以使用border-radius
屬性來(lái)繪制半個(gè)橢圓,以下是一個(gè)示例:
.half-ellipse { width: 100px; height: 50px; border-radius: 50px 0 0 50px; border: 1px solid #000; }
這個(gè)CSS樣式會(huì)生成一個(gè)寬度為100像素,高度為50像素的半個(gè)橢圓。border-radius
屬性的四個(gè)值分別控制了橢圓四個(gè)角的圓角程度,在這個(gè)例子中,前兩個(gè)值(50px 0)控制了橢圓的上半部分,后兩個(gè)值(0 50px)控制了橢圓的下半部分,這樣,我們就得到了一個(gè)半個(gè)橢圓。
你可以根據(jù)需要調(diào)整width
、height
和border-radius
的值,以及border
的顏色和樣式,來(lái)定制你的半個(gè)橢圓,如果你想要一個(gè)完整的橢圓,你可以將border-radius
的值設(shè)置為相同的數(shù)值。