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

可以使用js的css方法background-color属性实现点击按钮改变div背景颜色。抄

具体步骤如下：

需要准备的材百料分别是：电脑、浏览器、ultraedit。

1、在ue编辑度器中新建一个空白的html文件，css文件，js文件。

2、在ue编辑器中输入以下html代码。

3、在ue编辑器中输入以下css代码。

4、在ue编辑器中输入以下js代码。

5、编问辑完成以后，在ue编辑器中点击保存，格式选择UTF8无BOM。

6、在浏览器中打开此html文件，可以答看到最终想要实现的点击按钮改变div背景颜色效果。

1、设置一个来长度与宽度，使用到的CSS代码。

2、经过给它设置长度与宽度后，变成了下图所示，相比与没有任何样式源，它会好出很多。

3、接下来，可知以去掉它自带默认的边框，将它边框设置为0PX，观察一下效果。

4、添加了红色的背景后，它显示如下图所示的样式。

5、除了使用颜色设置背景外，也可以使用图片作为背景。

6、还可以设道置它的其他更多样式，方法是直接添加CSS代码即可。

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种较为常用的。