CSS可以用來畫扇形按鈕,具體步驟如下:
.btn { width: 0; height: 0; border-radius: 50%; border-top: 50px solid red; border-right: 50px solid transparent; transform: rotate(45deg); }
首先,我們先給按鈕設置寬高為0,這是因為我們不需要使用寬高來控制按鈕的大小。接著,我們將按鈕的邊框半徑設置為50%,這是為了讓按鈕呈現出圓形的形狀。
接著,我們設置按鈕的上邊框為50像素,并且填充為紅色。同時,我們設置按鈕的右邊框為50像素,但不填充任何顏色,設置為透明顏色。這部分代碼的作用是讓按鈕呈現出扇形的形狀。最后,我們使用transform屬性將按鈕旋轉45度,使其呈現出扇形的樣式。
最終的效果如下:
上一篇css畫帶節點的三角形
下一篇mysql 集合交集