HTML5按鈕是網頁設計中常用的元素，為了讓網頁看起來更加美觀和可操作性更強，我們可以對按鈕進行樣式設置。 按鈕主要有三個狀態：正常狀態，鼠標懸停狀態和點擊狀態。我們可以通過CSS代碼對這三種狀態進行設置。 首先，我們需要定義按鈕的樣式，包括背景顏色、字體顏色、邊框樣式以及其他樣式屬性。例如：

button {
background-color: #1E90FF;
color: white;
border: none;
padding: 10px 20px;
border-radius: 5px;
font-size: 16px;
}

這段代碼設置了按鈕的背景顏色為深藍色，字體顏色為白色，邊框為無，內邊距為10像素上下，20像素左右，圓角半徑為5像素，字體大小為16像素。 接下來，我們需要設置按鈕的不同狀態。當鼠標懸停在按鈕上時，我們可以通過:hover偽類來設置鼠標懸停狀態下的樣式。例如：

button:hover {
background-color: #4169E1;
color: white;
}

這段代碼設置了鼠標懸停狀態下的按鈕背景顏色為淺藍色，字體顏色不變。 當按鈕被點擊時，我們可以通過:active偽類來設置按鈕被點擊狀態下的樣式。例如：

button:active {
background-color: #00BFFF;
color: white;
}

這段代碼設置了按鈕被點擊狀態下的背景顏色為天藍色，字體顏色不變。 綜合起來，我們可以得到完整的HTML5按鈕樣式設置代碼：

button {
background-color: #1E90FF;
color: white;
border: none;
padding: 10px 20px;
border-radius: 5px;
font-size: 16px;
}
button:hover {
background-color: #4169E1;
color: white;
}
button:active {
background-color: #00BFFF;
color: white;
}

通過以上代碼，我們可以輕松地設置出美觀實用的HTML5按鈕樣式。