css点击时背景变色，变蓝色怎样写

2024年11月30日 00:47

有3个网友回答

网友（1）：

1、在html中定义一个dom元素，比如div。

2、给div添加一个onclick事件，同时定义一个响应事件的js函数。

3、在js函数中获取该div元素,通过document.getElementById()方法

4、通过元素的style属性中backgroundColor属性即可修改背景色。

示例：

//刚开始默认颜色白色

js函数：


function changeBackground(){
    var mydiv = document.getElementById('mydiv');
    mydiv.style.backgroundColor="blue";
  }

网友（2）：

.blue{
 background:blue;
}

网友（3）：

.bbs{
clear:both;
line-height:1.4em;
font-size:15px;
overflow:hidden;
line-height:30px;
border:1px solid:#fff;
}
.bbs a{
width:100%;
background:#FFFAFA no-repeat 100% 80%;
font:16px/32px;
border-bottom:solid 1px #B0E0E6;
float:left;
padding-left:0%;
float:left;
font-size:15px;
font-weight:normal;
padding:3px;}

先不说变不变色先吧，，你的CSS就一大堆问题。

点击,用a:active就可以了。