关于超链接的的简单效果

Question

现在随便打开一个网站,它们的超链接都有这样一个效果:鼠标放在上头,超链接颜色变化,出现下划线,鼠标离开后,就会原来的样子.请问是用css控制的吗?怎么写来着,又怎么引用?谢谢

Answer 1

CSS中定义：
.redLink:link{
color: #ff0000;
text-decoration: none;
}
.redLink:visited{
color: #ff0000;
text-decoration: none;
}
.redLink:active{
color: #ff0000;
text-decoration: underline;
}
.redLink:hover{
color: #ff0000;
text-decoration: underline;
}引用：<a href="#" class="redLink">Test</a>

Answer 2

luck0235(风平浪静时人人都能掌舵) 能说的更明白些吗，我有点不太明白谢谢

Answer 3

是这样,一张页面里有很多超链接,比如导航栏==,GridView里头的链接也能实现这样的效果吗?
能否用<table class="redLink"></table>来控制整个表格内的超链接,谢谢!

Answer 4

可以的
你那个class=放在那个标签里就是控制的范围

Answer 5

只需在CSS中定义
a
{
font-size:12px;
color:green;
}
a:hover
{
font-size:13px;
color:white;
text-decoration: underline;
background: Black;
}这样就可以要求所有的a标记都使用上面定义的样式了。要什么颜色自己可以修改。