注册 登录
编程论坛 WEB前端(UI)

链接下划线的问题

summoner 发布于 2006-10-25 12:19, 1490 次点击
如何让链接只在鼠标移到上面时才有下划线,而在其他时候都不显示下划线?
15 回复
#2
tgllz2006-10-26 11:57

用什么软件??如果是FRONT的话

网页属性---背景---启动连接效果---翻转样式----下划线。

前提是你要先去掉默认的下划连接样式

#3
fengmumei2006-10-26 13:08
用css吧,很容易就实现了
#4
fengmumei2006-10-26 13:09
我是说的在dw中

[此贴子已经被作者于2006-10-26 13:09:20编辑过]


#5
summoner2006-10-27 09:22

用css的话要设置哪几个属性?

#6
fengmumei2006-10-27 13:13
A:link,A:visited ,A:active ,A:hover
#7
cokick2006-10-27 13:39
A:link,A:visited ,A:active ,A:hover
#8
summoner2006-10-27 13:54
我设置成这样,为什么还是鼠标移上去时不显示下划线?
a:link{
text-decoration:none;}
a:hover{
text-decoration:underline;}
a:active{
text-decoration:none;}
a:visited{
text-decoration:none;
}
#9
qijingbin2006-10-27 23:11
看看在设置那里把那个下划线的默认去掉/
#10
SKRS2006-10-28 01:31
还是CSS好
#11
summoner2006-10-28 09:20
以下是引用qijingbin在2006-10-27 23:11:23的发言:
看看在设置那里把那个下划线的默认去掉/

我没用DW等工具

#12
千里冰封2006-11-04 13:04
CSS真好,学习中
#13
guang5212006-11-05 17:28
<style type="text/css">
a:link
{
text-decoration:none;
color:#00ff00;
font-size:12px;
}
a:active
{
text-decoration:overline;
color:#ff0000;
font-size:13px;
}
a:visited
{
text-decoration:none;
color:#000000;
}
a:hover
{
text-decoration:underline;
color:#0066ff;
}
</style>
#14
小莫2006-11-05 20:33
直接在页面属性面版中可视化设置最简单了哦
#15
summoner2006-11-08 09:42
以下是引用guang521在2006-11-5 17:28:30的发言:
<style type="text/css">
a:link
{
text-decoration:none;
color:#00ff00;
font-size:12px;
}
a:active
{
text-decoration:overline;
color:#ff0000;
font-size:13px;
}
a:visited
{
text-decoration:none;
color:#000000;
}
a:hover
{
text-decoration:underline;
color:#0066ff;
}
</style>

这个可以,谢谢老
只是我看样式上说text-decoration:overline是上划线,为什么实际上不是呢?

[此贴子已经被作者于2006-11-8 9:55:02编辑过]

#16
sub2006-11-09 15:07
实际上也是
1