CSS設置按鈕背景顏色非常簡單,只需要使用background-color屬性即可。
button { background-color: #f44336; /* 紅色 */ }
其中,#f44336是紅色的十六進制顏色碼。你可以替換為其他顏色碼來改變按鈕的背景顏色。
還可以使用rgb()或rgba()函數來定義顏色:
button { background-color: rgb(255, 0, 0); /* 紅色 */ } button { background-color: rgba(255, 0, 0, 0.5); /* 半透明紅色 */ }
最后,還可以使用CSS3的漸變效果來實現更復雜的背景顏色。例如:
button { background: linear-gradient(to bottom, #f44336, #FF5733); /* 漸變紅色到橙色 */ }
注意,不同瀏覽器對于漸變效果的支持程度不同,因此最好使用各瀏覽器兼容的漸變語法。