在網(wǎng)頁設(shè)計(jì)中，CSS被廣泛使用來控制網(wǎng)頁的外觀。其中，改變button的顏色也是經(jīng)常用到的一個(gè)操作。下面，我們來學(xué)習(xí)一下如何使用CSS改變button的顏色。
首先，在HTML中使用button標(biāo)簽創(chuàng)建一個(gè)按鈕，代碼如下：

<button>點(diǎn)擊我</button>

這將會(huì)創(chuàng)建一個(gè)默認(rèn)顏色的按鈕。接下來，我們使用CSS來改變它的顏色。我們可以使用以下代碼來定義按鈕的樣式：

<style>
button {
background-color: blue;
color: white;
border: none;
padding: 10px 20px;
font-size: 16px;
}
</style>

這段代碼會(huì)將按鈕的背景色改為藍(lán)色，字體顏色改為白色，并將邊框和內(nèi)邊距都設(shè)為0。其中，font-size屬性是用來設(shè)置字體大小的，這個(gè)屬性可以視情況而定。
如果我們想讓按鈕在鼠標(biāo)懸停時(shí)變?yōu)榧t色，我們可以添加以下代碼：

button:hover {
background-color: red;
}

這段代碼會(huì)在鼠標(biāo)懸停時(shí)將按鈕的背景色改為紅色。
最后，我們來總結(jié)一下。使用CSS改變button的顏色需要使用背景色（background-color）屬性來修改背景色，字體顏色（color）屬性來修改字體顏色。邊框（border）、內(nèi)邊距（padding）和字體大小（font-size）也可以根據(jù)需求來進(jìn)行修改。而使用:hover偽類則可以在鼠標(biāo)懸停時(shí)改變按鈕的顏色。