使用 CSS 制作一個底部半圓的邊框非常簡單,只需要用 border-radius 屬性設置底部左右兩個角的半徑為 50% 即可。
下面是實現(xiàn)代碼示例:
p { border: 2px solid #000; border-radius: 0 0 50% 50%; /* 底部左右兩個角為半圓 */ padding: 20px; }只需要在需要添加半圓邊框的元素上添加上述 CSS 樣式即可。 注意,為了讓半圓效果更加明顯,邊框寬度需要設置為足夠大的值,padding 屬性也需要添加一定的值,否則半圓效果會被遮擋掉。 此外,如果需要制作上部分的半圓邊框,只需要將 border-radius 屬性中的底部左右兩個角改為頂部左右兩個角即可。