CSS怎么畫大半個圓呢?
.half-circle { width: 0; height: 0; border-top: 200px solid red; border-left: 200px solid transparent; border-radius: 200px 200px 0 0; }
在上面的代碼中,我們通過設置一個寬高都為0的元素,然后用border來實現我們想要的效果。具體來說,我們將上邊框設置為一個很大的值,左邊框設置為透明,同時設置border-radius來控制形狀,即使得下面兩個角變成了半圓形。
這樣,我們就可以輕松地畫出一個大半個圓了!
上一篇mysql改密碼啟動不了
下一篇mysql改密碼工具