在css中，可以利用“background-color”屬性來設定按鈕背景色，該屬性的作用就是設定元素的背景顏色，只需要給按鈕元素添加“background-color:顏色值;”樣式即可。
本教學操作環境：windows7系統、CSS3&&HTML5版、Dell G3電腦。
css怎麼設定按鈕背景色
在css中，可以利用background-color屬性來設定按鈕的背景色，background-color屬性用於設定元素的背景顏色。
下面我們就透過範例來看一下具體操作，範例如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<style>
button{
outline: 0;
}
.el-button {
padding: 0 24px;
border: 1px solid #1E9FFF;
font-size: 14px;
color: #1E9FFF;
line-height: 26px;
border-radius: 4px;
cursor: pointer;
}
</style>
</head>
<body>
<button type="button" class="el-button"><span>按钮</span></button>
</body>
</html>輸出結果：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<style>
button{
outline: 0;
}
.el-button {
padding: 0 24px;
border: 1px solid #1E9FFF;
font-size: 14px;
color: #1E9FFF;
line-height: 26px;
border-radius: 4px;
cursor: pointer;
background-color:#ffffff;
}
</style>
</head>
<body>
<button type="button" class="el-button"><span>按钮</span></button>
</body>
</html>
css影片教學）
以上是css怎樣設定按鈕背景色的詳細內容。更多資訊請關注PHP中文網其他相關文章！
