Question

html +CSS 里面，点击按钮后的样式怎么设置？

#b1 {background: url(../images/3button.png) no-repeat -33px -5px; width:23px;height:21px; float:left; cursor:pointer}
#b1:hover{ background:url(../images/3button.png) no-repeat -33px -37px; width:23px;height:21px}
这是本来的样式，和鼠标放上去的样式，现在要点击后保留鼠标放上去的样式

Answer 1

1. a:active 是鼠标点击时；
   

2. a:visited是访问过后的情况；

3. 样式还是在这里写，只不过点击得用js添加这个样式到按钮上，css没有对点击提供类似hover的支持；

4. 这种问题可以称作“超链接的响应颜色变化”。实现的方法可以有很多种。举一种常用的方法，在head（头部里)用css样式表进行声明。
   

5. <!------代码如下---->
   

6. <style (type="text/css")>
   

7. a:link{
   

8. color:black;    <!--未点击的超链接显示黑色--->
   

9. a:hover{

10. color:purple; <!----当鼠标指向超链接时变成紫色----->

11. a:visited{

12. color:red;  <!----当超链接被访问过后变成红色----->

13. </style>

14. 如果楼主是老版本的浏览器，可能还需要先声明括号中第一行代码中的，type=“text/css”。

15. html5的话，就不用带上这句代码了。PS:超链接的响应还有其他2种，一共五种，这里只列出了3种较为常用的。

Answer 2

a:active 是鼠标点击时
a:visited是访问过后的情况

Answer 3

样式还是在这里写，只不过点击得用js添加这个样式到按钮上，css没有对点击提供类似hover的支持

Answer 4

最通用的方法就是新建个类跟hover的样式一模一样，在按钮点击的时候把这个样式加到该元素中去