a{
color:#f00/*颜色自定义*/font-family:"楷体"
font-size:20px}/*未访问的链接,已访问的链接,点击激活链接*/
a:hover{
color:#0f0/*颜色自定义*/}}/*
鼠标在链接上
*/
另一种方法
a:link{
color:#f00/*颜色自定义*/font-family:"楷体"
font-size:20px}
/*
未访问的链接
*/
a:visited{color:#f00/*颜色自定义*/}
/*
已访问的链接
*/
a:hover{
color:#0f0/*颜色自定义*/}/*
鼠标在链接上
*/
a:active{
color:#660099/*颜色自定义*/}/*
点击激活链接
*/
html语言不用修改 还是直接给文字加链接你可以 在css样式中写
a{ color:#333/*无链接时颜色*/ }
a:hover{ color:#F00/*鼠标经过链接时颜色*/}
a:active{ color:#30F/*鼠标点击链接时颜色*/}
比如：css中写
a{ color:#333text-decoration:none}
a:hover{ color:#F00text-decoration:underline}
a:active{ color:#30F}
出来的效果就是 鼠标未经过时 黑色 滑过时 红色 点击时蓝色
