HTML5是網頁開發中的重要技術，其中按鈕美化是很多網站的重要設計要素。在實現按鈕美化時，我們可以使用HTML5的眾多特性和技術，如CSS3和JavaScript，讓我們來看看一些常用的HTML5按鈕美化代碼。 首先，讓我們來看一段用CSS3實現按鈕hover效果的代碼，如下：

.btn {
background-color: #EFEFEF;
border: none;
color: #333333;
cursor: pointer;
display: inline-block;
font-size: 14px;
font-weight: bold;
height: 40px;
line-height: 40px;
margin: 0px;
padding: 0px 20px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
white-space: nowrap;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.btn:hover {
background-color: #333333;
color: #FFFFFF;
}

這段代碼中，我們定義了一個.btn類，使得按鈕具有統一樣式和基本屬性。在.btn:hover類中，我們通過設定不同的背景色和字體顏色實現了hover效果。 除此之外，我們還可以使用一些HTML5的新元素和屬性，如下：

Add Item

在這段代碼中，我們使用了button元素并定義了一個SVG圖標，通過將這個SVG圖標加入我們的按鈕元素中，實現了一種新的按鈕美化方式。 總之，HTML5為網頁美化提供了更多的可能性，我們可以結合CSS3和JavaScript技術，制作出更為美觀實用的按鈕效果。