html改變按鈕顏色的方法：1、為按鈕元素新增「button{background-color:顏色值}」樣式改變按鈕的背景顏色；2、為元素按鈕新增「button{color:顏色值}”樣式改變按鈕的字體顏色。
本教學操作環境：windows7系統、CSS3&&HTML5版、Dell G3電腦。
html改變按鈕顏色的方法
1、html改變背景顏色的方法
程式碼如下：
button{background-color:颜色值}設定背景顏色：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<style>
button{background-color:#FF0000}
</style>
<body>
<button>按钮</button>
</body>
</html>輸出結果：
#2、html改變按鈕字體顏色的方法
程式碼如下：
button{color:颜色值}設定字體顏色：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<style>
button{color:#FF0000}
</style>
<body>
<button>按钮</button>
</body>
</html>輸出結果：
更多程式相關知識，請訪問：編程視頻！ ！
以上是html怎麼改變按鈕顏色的詳細內容。更多資訊請關注PHP中文網其他相關文章！
