隨著移動互聯網的快速發展，越來越多的網站和應用程序開始采用h5技術制作。作為h5頁面中常用的一個組件，按鈕在頁面中的重要性不言而喻。而實現一個美觀、交互性好的按鈕，CSS樣式一定是不能忽略的。

button {
display: inline-block; /* 按鈕應該默認是行內元素 */
text-align: center; /* 按鈕內的文本應該居中 */
vertical-align: middle; /* 按鈕應該和周圍元素垂直對齊 */
border-radius: 5px; /* 圓角 */
cursor: pointer; /* 鼠標懸停時應該有可交互感 */
outline: none; /* 去掉按鈕的點擊框 */
padding: 10px 20px; /* 設置按鈕的內邊距 */
font-size: 16px; /* 按鈕內的文字字號 */
color: white; /* 按鈕內的文字顏色 */
background-color: #007bff; /* 按鈕默認的背景顏色 */
}
button:hover {
background-color: #0062cc; /* 鼠標懸停時的背景顏色 */
}
button:active {
background-color: #005cbf; /* 鼠標按下時的背景顏色 */
}

上面的代碼是一個基本的h5按鈕的CSS樣式。如果要實現更加復雜的效果，需要在此基礎上進行定制，例如按鈕的大小、顏色、陰影等等都可以通過CSS樣式來完成。