如何让鼠标点击过之后的链接字体颜色变化？

Question

如何让鼠标点击过之后的链接字体颜色变化

Answer 1

<style type="text/css">　　 <!--　　 a:link {&nbsp;text-decoration: none;color: blue}　　 a:active {&nbsp;text-decoration:blink}　　 a:hover&nbsp;{&nbsp;text-decoration:underline;color: red}　　 a:visited { text-decoration: none;color: green}　　 -－>　　 </style>　　其中：　　a:link 指正常的未被访问过的链接；　　a:active 指正在点的链接；　　a:hover&nbsp;指鼠标在链接上；　　a:visited 指已经访问过的链接；　　text-decoration是文字修饰效果的意思；　　none参数表示超链接文字不显示下划线；　　underline参数表示超链接的文字有下划线

Answer 2

HTML中可以用CCS样式来控制鼠标经过超链时变色。可以文字变色也可使层的背景变色。具体例子：1，使文字变色，新建一个ID为abc的DIV 在里 在DIV写入文字（任意文字）同时建立一个空连接 代码如下：1<div&nbsp;id="abc"><a&nbsp;href="#">文字</a></div>同时 定义文字的CSS样式（文字为黑色宋体） 代码如下：12345678<style&nbsp;type="text/css"><!--#abc&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;font-family:&nbsp;"宋体";&nbsp;&nbsp;&nbsp;&nbsp;color:&nbsp;#000000;}--></style>再定义 鼠标经过时 文字的颜色 （文字为宋体 红色）代码变为：123456789101112<style&nbsp;type="text/css"><!--#abc&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;font-family:&nbsp;"宋体";&nbsp;&nbsp;&nbsp;&nbsp;color:&nbsp;#000000;}#abc&nbsp;a:hover&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;font-family:&nbsp;"宋体";&nbsp;&nbsp;&nbsp;&nbsp;color:&nbsp;#FF0000;}--></style>2，使背景色变色，在示例1中的DIV 定义它为高度 宽度分别为50px; 背景为灰色&nbsp; 同时a标签也定义高度 宽度分别为50px;的块代码如下：123456789101112131415161718192021<style&nbsp;type="text/css"><!--#abc&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;font-family:&nbsp;"宋体";&nbsp;&nbsp;&nbsp;&nbsp;color:&nbsp;#000000;&nbsp;&nbsp;&nbsp;&nbsp;background-color:&nbsp;#CCCCCC;&nbsp;&nbsp;&nbsp;&nbsp;height:&nbsp;50px;&nbsp;&nbsp;&nbsp;&nbsp;width:&nbsp;50px;}#abc&nbsp;a:hover&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;font-family:&nbsp;"宋体";&nbsp;&nbsp;&nbsp;&nbsp;color:&nbsp;#FF0000;}#abc&nbsp;a&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;background-color:&nbsp;#CCCCCC;&nbsp;&nbsp;&nbsp;&nbsp;display:&nbsp;block;&nbsp;&nbsp;&nbsp;&nbsp;height:&nbsp;50px;&nbsp;&nbsp;&nbsp;&nbsp;width:&nbsp;50px;}--></style>再定义鼠标经过时变动的颜色（颜色为蓝色） 代码如下：12345678910111213141516171819202122<style&nbsp;type="text/css"><!--#abc&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;font-family:&nbsp;"宋体";&nbsp;&nbsp;&nbsp;&nbsp;color:&nbsp;#000000;&nbsp;&nbsp;&nbsp;&nbsp;background-color:&nbsp;#CCCCCC;&nbsp;&nbsp;&nbsp;&nbsp;height:&nbsp;50px;&nbsp;&nbsp;&nbsp;&nbsp;width:&nbsp;50px;}#abc&nbsp;a:hover&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;font-family:&nbsp;"宋体";&nbsp;&nbsp;&nbsp;&nbsp;color:&nbsp;#FF0000;&nbsp;&nbsp;&nbsp;&nbsp;background-color:&nbsp;#0066FF;}#abc&nbsp;a&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;background-color:&nbsp;#CCCCCC;&nbsp;&nbsp;&nbsp;&nbsp;display:&nbsp;block;&nbsp;&nbsp;&nbsp;&nbsp;height:&nbsp;50px;&nbsp;&nbsp;&nbsp;&nbsp;width:&nbsp;50px;}--></style>

Answer 3

<style>a:hover{color:这里写你要的颜色}</style>