在 HTML5 中,如果我們想要設置半圓,我們可以使用 CSS 中的 border-radius 屬性來實現。border-radius 屬性用于設置元素的圓角,通過它我們可以設置元素的四個角,以及左上角和右上角、左下角和右下角的圓角。
border-radius: 50% 50% 0 0;
以上代碼中,分別設置了左上角和右上角以及左下角和右下角為圓角,50% 表示半徑為元素寬度的一半。而0表示是直角。這樣設置后就可以實現半圓的效果。
如果想要將一個方形元素設置為半圓,則需要修改其寬高為相等的值,例如:
div{ background-color: red; width: 100px; height: 100px; border-radius: 50% 50% 0 0; }
以上代碼中,我們使用了一個 div,將其寬高設置為相等的值,然后通過 border-radius 屬性將其修改為半圓。
上一篇vue css兼容
下一篇mysql7天平均值