在CSS中,我們可以通過border-radius屬性輕松地繪制各種形狀的圓。常見的有1/2圓、1/4圓、3/4圓等。
/* 繪制4/3圓 */ div { width: 200px; height: 150px; border-radius: 100px 100px 0 0 / 50px 50px 0 0; }
上述代碼中,我們使用了border-radius屬性,并設置了8個值。其中,前4個值是上半部分的邊角半徑,后4個值是下半部分的邊角半徑。由于要繪制4/3圓,所以我們設置為100px的半徑和50px的半徑。
這樣就能夠輕松地繪制出一個漂亮的4/3圓了。代碼如下:
<div></div>
上一篇mysql架包是什么
下一篇css中arr