在Web設(shè)計中，按鈕是常用的交互模塊，而改變按鈕的顏色可以為網(wǎng)站帶來不同的視覺效果。下面將介紹如何使用CSS更改按鈕顏色。

/* CSS代碼示例 */
button {
background-color: #4CAF50; /* 設(shè)置按鈕背景色為綠色 */
border:none; /* 去除邊框 */
color: white; /* 設(shè)置文字顏色為白色 */
padding: 10px 20px; /* 設(shè)置按鈕的內(nèi)邊距 */
text-align: center; /* 設(shè)置按鈕內(nèi)部文字居中 */
text-decoration: none; /* 去除下劃線 */
display: inline-block; /* 讓按鈕元素行內(nèi)塊級顯示 */
font-size: 16px; /* 設(shè)置字體大小 */
cursor: pointer; /* 鼠標懸停變?yōu)槭中?*/
}
button:hover {
background-color: #3e8e41; /* 鼠標懸停時按鈕背景色變?yōu)樯罹G色 */
}

通過上述CSS代碼，我們可以設(shè)置按鈕的背景色、邊框、文字顏色、內(nèi)邊距、字體大小等屬性。另外，我們還可以使用:hover偽類來設(shè)置鼠標懸停時的效果。

除了使用CSS代碼來設(shè)置按鈕顏色外，我們還可以通過CSS框架來快速地創(chuàng)建漂亮的按鈕樣式。目前比較流行的CSS框架有Bootstrap、Materialize等。

總之，通過CSS來更改按鈕顏色是非常簡單的，只需要一個樣式表就能實現(xiàn)。在設(shè)計網(wǎng)站時，選擇合適的按鈕顏色可以為網(wǎng)站增加不少美感和用戶體驗。