CSS按鈕可以通過簡單的樣式改變變成圓形的,方法很簡單,只需要修改按鈕的border-radius屬性即可。
button { border-radius: 50%; }
以上代碼中,border-radius屬性的值設置為50%,表示將按鈕的邊框圓角半徑設置為按鈕寬度的50%。
如果當前按鈕有固定的寬度和高度,那么可以直接將border-radius屬性的值設置為按鈕寬度或高度的一半:
button { width: 80px; height: 40px; border-radius: 20px; }
以上代碼中,按鈕的寬度為80像素,高度為40像素,因此將border-radius屬性的值設置為20像素,即半徑為寬度和高度的一半。
使用這種方法即可將普通方形的按鈕變?yōu)閳A形,而且效果非常簡單、直觀。