CSS是一門語言,它被用于樣式化網頁內容。它可以被用來畫出各種形狀,例如半圓。畫一個半圓的二分之一,我們可以使用CSS屬性“border-radius”來實現它。
.half-circle { width: 100px; height: 50px; border-radius: 0 0 50px 50px; background-color: #f00; }
在上面的代碼中,我們創建了一個類名為“half-circle”的元素,它的寬為100像素、高為50像素。最后,我們使用“border-radius”屬性來畫出這個元素的圖形。
“border-radius”屬性的四個參數分別表示左上角、右上角、右下角、和左下角的圓角半徑。由于我們只想畫出二分之一的半圓,我們只需要在左下角和右下角使用50像素的半徑。
使用上述的CSS代碼,你可以在網頁上創建出半圓的二分之一。這是一種簡單易用的方法,使得設計師可以輕松地組合這些形狀來創建自己獨特的效果。
下一篇css 畫3d球