超链接文字颜色

如何使带有超链接的文字显示某种颜色表明它可以链接到另外一个地址？如何使鼠标移动到该文字上面显示一种自定义颜色，鼠标离开该文字上面显示另外一种自定义颜色？谢谢。

18 个解决方案

#1

text-decoration:none     没有下划线.
  color       字体颜色.
  font-size     字体大小
  background-color   字体的背影颜色。
   链接文字的变化，就是初始状态和激发状态的颜色变化。
   将如下的代码，插入＜head＞＜/head＞就可以啦
   <style   type="text/css">
   a   {text-decoration:none;   color:#000000;   font-size:14px;}
   a:hover   {text-decoration:none;color:#ff0000;   font-size:14px}
   </style>

a: link 设置 a 对象在未被访问前的样式。
a: hover 设置对象在其鼠标悬停时的样式。
a: active 设置对象在被用户激活(在鼠标点击与释放之间发生的事件)时的样式
a: visited 设置 a 对象在其链接地址已被访问过时的样式

#2

#3

接分是王道！

#4

都是很好的建议! 值得学习

#5

用CSS样式,但注意关于链接的所有设置必须在里面进行,在属性面板中是无效的.

#6

#7

参考：http://blog.doyoe.com/article.asp?id=108

#8

多设置几个样式表的类型然后应用到相应的文字上就行啦

#9

a标签伪类的设置顺序有一个简单的记忆方法：

LoVe/HAte

对应于
Link
Visited
Hover
Active

#10

我来学习一下.谢谢.

#11

学习一下

#12

引用 1 楼 xuefeihua 的回复:

text-decoration:none    没有下划线.
  color      字体颜色.
  font-size    字体大小
  background-color  字体的背影颜色。
  链接文字的变化，就是初始状态和激发状态的颜色变化。
  将如下的代码，插入＜head＞＜/head＞就可以啦
  <style  type="text/css">
  a  {text-decoration:none;  color:#000000;  font-size:14px;}
  a:hover  {text-decoration:none;color:#ff0000;  font-size:1…

非常支持!!!!!

#13

今天押宝又输了，呜呜呜。。。。。。。。

#14

a:link 未访问超级链接颜色例如：a:link{color:red;background-color:black;}文本颜色红色，背景颜色黑色
a:visited 已访问过超级链接颜色例如：a:visited{color:blue;}访问过的文本颜色为蓝色
a:hover 鼠标悬停超级链接颜色例如：a:hover {color:green;background-color:white;}鼠标停在链接上后，文本显示为绿色，背景变为白色。

把代码放到CSS里就可以实现了。

#15

接分了。

#16

love hate

#17

学习了，，，

#18

我的为什么没有效果呢

#1

#2

#3