CSS中的白色按鈕可以通過設置background-color為白色來實現。
.button { background-color: #ffffff; color: #000000; border: 1px solid #000000; padding: 5px 10px; border-radius: 5px; }
以上代碼中,background-color設置為#ffffff,即白色。同時,為了讓按鈕不至于太單調,我們可以設置其它屬性,如顏色、邊框、內邊距和圓角。其中color設置為黑色,邊框為1像素的黑邊框,內邊距為5像素的上下內邊距,10像素的左右內邊距,圓角為5像素。
當然,我們也可以使用CSS預處理器,如SCSS或LESS來定義白色按鈕。
// SCSS定義 $white: #ffffff; .button { background-color: $white; color: #000000; border: 1px solid #000000; padding: 5px 10px; border-radius: 5px; } // LESS定義 @white: #ffffff; .button { background-color: @white; color: #000000; border: 1px solid #000000; padding: 5px 10px; border-radius: 5px; }
上述代碼中,我們分別使用了SCSS和LESS定義了變量$white和@white,并在按鈕樣式中使用該變量作為背景顏色值。