1、在html中定义一个dom元素，比如div。
2、给div添加一个onclick事件，同时定义一个响应事件的js函数。
3、在js函数中获取该div元素,通过document.getElementById()方法
4、通过元素的style属性中backgroundColor属性即可修改背景色。
示例：
//刚开始默认颜色白色
<div id="mydiv" style="width:200pxheight:200pxborder:1px solid black" onclick="changeBackground()"></div>js函数：
<script type="text/javascript">function changeBackground(){
var mydiv = document.getElementById('mydiv')
mydiv.style.backgroundColor="blue"
}
</script>
a:link{text-decoration:none /* 指正常的未被访问过的链接*/}
a:visited{text-decoration:none/*指已经访问过的链接*/}
a:hover{text-decoration:none/*指鼠标在链接*/}
a:active{text-decoration:none/* 指正在点的链接*/ }
把这些的颜色都设置一下便可以解决。
一个网页对应多个 HTML文件， 超文本标记语言文件以.htm（磁盘操作系统 DOS限制的外语缩写）为 扩展名或.html（外语缩写）为 扩展名。可以使用任何能够生成 TXT类型 源文件的文本编辑器来产生超文本标记语言文件，只用修改文件 后缀即可。
超文本标记语言， 标准通用标记语言下的一个应用。
“ 超文本 ”就是指页面内可以包含图片、 链接，甚至音乐、 程序等非文字元素。
这个是用javascript控制的。非常简单。复制到body里面试下。<style>
a.select{color:#F00}/*选中的样式*/
</style>
<script>
function left_btn(n)
{
var a_num=document.getElementById("left_btn_box").getElementsByTagName("a")
for(i=0i<a_num.lengthi++)
{
a_num[i].className=i==n?"select":""
}
}
</script>
<div id="left_btn_box">
<a class="select" onclick="left_btn(0)" href="#">按钮1</a>
<a onclick="left_btn(1)" href="#">按钮2</a>
<a onclick="left_btn(2)" href="#">按钮3</a>
</div>
