HTML5是網頁設計中一個超級重要的技術，其中按鈕是常用的網頁元素之一，它具有頁面導航和用戶交互功能。HTML5允許通過添加樣式屬性來定制按鈕外觀，其中修改按鈕的顏色是最常見的需求之一。本文將為您介紹HTML5中如何設置按鈕顏色。

首先，我們需要了解按鈕的基本屬性。在HTML5中，一個按鈕由以下標簽組成：

<button type="button">按鈕文本</button>

其中，type屬性為必填項，可用值包括"button"、"submit"和"reset"等。下面，我們將使用樣式屬性為按鈕添加相應的顏色。

使用CSS來改變按鈕的背景色，可以在style標簽中添加如下樣式代碼：

button {
background-color: #FF0000;
}

上述代碼將按鈕的背景色設置為紅色。其中，#FF0000是紅色的十六進制表示方式。同樣，您可以將顏色修改為其他顏色值。

如果您想為按鈕設置漸變顏色，可以使用如下代碼：

button {
background: linear-gradient(#FF0000, #0000FF);
}

上述代碼將按鈕的背景色設置為從紅色到藍色的漸變。其中，linear-gradient用于創建長方形漸變效果，#FF0000和#0000FF表示開始和結束顏色值。

此外，您還可以為按鈕設置邊框顏色和文本顏色，具體樣式代碼如下：

button {
background-color: #FF0000;
border: 1px solid #000;
color: #FFF;
}

上述代碼將為按鈕設置紅色背景色、黑色1像素邊框和白色文本顏色。同樣，您可以根據需要修改顏色值。

綜上所述，通過添加CSS樣式屬性，我們可以很方便地修改HTML5按鈕的顏色。無論是單色、漸變還是邊框、文本顏色，都可以自由定制。這也展示出了HTML5的強大之處。