HTML5是當前的網頁開發標準,它可以讓我們為網頁設置各種樣式效果,包括按鈕的顏色。下面就來介紹一下如何使用HTML5設置按鈕的顏色。
<button style="background-color: #4CAF50; color: white;">提交</button>
上面的代碼中,我們使用了style屬性來設置按鈕的背景顏色和文本顏色。其中,background-color屬性用來設置按鈕的背景顏色,#4CAF50代表一種深綠色,可以根據自己的需要來設置。color屬性用來設置按鈕上的文本顏色,這里我們將文本顏色設置為白色。
如果要設置不同狀態下的按鈕顏色,比如鼠標懸停時的顏色或點擊時的顏色,可以使用:hover或:active偽類來設置。
<style> button:hover { background-color: #3e8e41; } button:active { background-color: #e7e7e7; color: black; } </style> <button style="background-color: #4CAF50; color: white;">提交</button>
上面的代碼中,我們使用了