这里先解说下——这里有A /B 两个按钮，分别链接a/b.css， 只要单击按钮就可以实现改变头部id为change_css 的css文件。当你希望change_css一开始没有css只是点击按钮的时候才有css的话，那么你给change_css这个id的链接 href=“ ”
<html>
<head>
<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8" />
<link id="change_css" rel="stylesheet" type="text/css" href="a.css">
</head>
<body>
<input type=button value="A按钮" onclick="document.all.change_css.href='a.css'">
<input type=button value="B按钮" onclick="document.all.change_css.href='b.css'">
</body>
</html>
给按钮添加css样式有以下三种方法：1，直接在元素上定义style，如下：<input type="button" style="这里定义样式">2，页面中内嵌样式，如下：<style>.btn{需要添加的样式}</style><input type="button" class="btn">3，外部引用css文件，如下：<link rel="stylesheet" type="text/css" href="这里是css文件的路径">a:active 是鼠标点击时；
a:visited是访问过后的情况；
样式还是在这里写，只不过点击得用js添加这个样式到按钮上，css没有对点击提供类似hover的支持；
这种问题可以称作“超链接的响应颜色变化”。实现的方法可以有很多种。举一种常用的方法，在head（头部里)用css样式表进行声明。
<!------代码如下---->
<style (type="text/css")>
a:link{
color:black <!--未点击的超链接显示黑色--->
a:hover{
color:purple<!----当鼠标指向超链接时变成紫色----->
a:visited{
color:red <!----当超链接被访问过后变成红色----->
</style>
如果楼主是老版本的浏览器，可能还需要先声明括号中第一行代码中的，type=“text/css”。
html5的话，就不用带上这句代码了。PS:超链接的响应还有其他2种，一共五种，这里只列出了3种较为常用的。
