在css中,可以根据链接所处的状态来设置他们的样式。
链接的四种状态:
a:link 普通的,未访问的链接。
a:visited 用户已访问的链接
a:hover 鼠标指针位于链接的上方
a:active 链接被点击的时刻
至于这四个选项的设置顺序,要按照以上的顺序。
ex:
<style>
a:link{color:red}
a:visited{color:black}
a:hover{color:gray}
a:ative{color:green}
</style>
text-decoration可以用来设置下划线。
利用其可以去掉下划线。
ex:
<style>
a:link{text-decoration:none;}
a:visited{text-decoration:none;}
a:hover{text-decoration:underline;}
a:active{text-decoration:underline;}
</style>
链接的背景色:
用background-color
ex:
<style>
a:link{background-color:red;}
a:visited{background-color:yellow;}
a:hover{background-color:black;}
a:active{background-color:white;}
</style>
当然还可以用:font-size改变字体的尺寸。font-family改变字体的种类。