在CSS中,我們可以很容易地改變按鈕的顏色。使用以下代碼:
button { background-color: #1abc9c; /*設置背景顏色*/ color: #fff; /*設置文字顏色*/ border: none; /*去掉邊框*/ padding: 10px 20px; /*設置內邊距*/ font-size: 1rem; /*設置字體大小*/ cursor: pointer; /*設置鼠標指針為手型*/ } /*當鼠標懸停在按鈕上時*/ button:hover { background-color: #16a085; /*改變背景顏色*/ }
注意,這里的“button”是選擇器。如果你要改變的是其他元素,比如鏈接或輸入框,你需要使用相應的選擇器。
還有一點需要注意。如果你在HTML中使用了內聯樣式(即將樣式代碼寫在HTML標簽的style屬性中),它將覆蓋CSS中的同名樣式。這意味著你需要在CSS中使用更具體的選擇器或者!important屬性。
現在,你可以改變按鈕的顏色來適應你的網站,使其看起來更加美觀和專業。
上一篇css中文本對齊居中
下一篇css中文兩端