按鈕是網頁設計中最為基礎的元素，而按鈕的顏色是展現網頁風格的重要方面之一。改變按鈕顏色是網頁設計中的一個最為基礎的技巧之一。那么，如何使用CSS來改變按鈕的顏色呢？下面就來簡單介紹一下。 首先，在HTML中定義一個按鈕的基礎代碼如下所示：

<button>按鈕</button>

我們可以為按鈕增加一個class的屬性，以便在CSS中對該按鈕進行樣式的定義。比如，在CSS中利用類.classname定義樣式，代碼如下所示：

button.blue {
background-color: blue;
color: #fff;
}

上述代碼表示，定義新的className為"blue"，background-color和color值分別為blue和白色。在HTML中定義按鈕為：

<button class="blue">藍色的按鈕</button>

那么，該按鈕的背景顏色就會變成藍色。 同樣的，我們也可以通過定義類className來定義按鈕的其他樣式。比如，我們想要定義一個圓角按鈕，則可以如下代碼進行定義：

button.rounded {
border-radius: 5px;
}

在HTML中定義按鈕為：

<button class="blue rounded">圓角的藍色按鈕</button>

那么，該按鈕的邊框半徑就會變成5像素，也就是變成了圓角按鈕。 總結來說，CSS可以通過定義類className來定義按鈕的各種樣式。而且，CSS也支持類的嵌套和繼承，這方面的知識會逐漸在后續的學習中慢慢熟悉，我們就不在這里贅述了。