<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style type="text/css">
.changeColor2Pink{
background-color: pink
}
.resetBtn1Color{
background: none
}
</style>
<script type="text/javascript">
window.onload = function () {
var btn1=document.getElementById("btn1")
var btn2= document.getElementById("btn2")
btn1.onclick = function () {
btn1.className="changeColor2Pink"
}
btn2.onclick = function () {
btn1.className = "resetBtn1Color"
btn2.className = "changeColor2Pink"
}
}
</script>
</head>
<body>
<button id="btn1">按钮1</button>
<button id="btn2">按钮2</button>
</body>
</html>
css的背景颜色设置为无色步骤如下：
1、新建一个html文件，需要设置宽度250px和高度140px，以及背景色填充为红色。
2、然后在父级DIV中插入一个子DIV，定义它的宽200px,高90px，以及背景色。
3、然后添加一个无色（透明）的代码（opacity:0.6）。
4、在图层的上方，有个不透明度，设置为60%。
5、把刚才的背景色和无色代码删除，换个代码【background-color:rgba(255,255,255,0.6)】。
6、其中255,255,255就是PS中的拾色器里的数值。这样，css的背景颜色就为无色了。
可以把按钮作为一张图片，放在<a herf='' class='button'></a>中。然后在css中写 .button:hover{background:#FF0000}
