在網頁設計中，CSS被廣泛使用來控制網頁的外觀。其中，改變button的顏色也是經常用到的一個操作。下面，我們來學習一下如何使用CSS改變button的顏色。
首先，在HTML中使用button標簽創建一個按鈕，代碼如下：

<button>點擊我</button>

這將會創建一個默認顏色的按鈕。接下來，我們使用CSS來改變它的顏色。我們可以使用以下代碼來定義按鈕的樣式：

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

這段代碼會將按鈕的背景色改為藍色，字體顏色改為白色，并將邊框和內邊距都設為0。其中，font-size屬性是用來設置字體大小的，這個屬性可以視情況而定。
如果我們想讓按鈕在鼠標懸停時變為紅色，我們可以添加以下代碼：

button:hover {
background-color: red;
}

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