完整CSS
<style
type="text/css">
<!--
a:link
{
text-decoration:
none
}
a:visited
{
text-decoration:
none
}
a:hover
{
text-decoration:
none
}
a:active
{
text-decoration:
none
}
-->
</style>
去掉超链接下面的下划线可以通过CSS样式表来控制。text-decoration:none这个属性是标准的文本即不显示任何的文本修饰。
例如:
<style type="text/css">
.abc{text-decoration:none}
</style>
<a href="#" class="abc">这个是链接</a>
引申:
text-decoration这个属性有以下参数参考:
none 定义标准的文本。
underline 定义文本下的一条线。
overline 定义文本上的一条线。
line-through 定义穿过文本下的一条线。
blink 定义闪烁的文本。
inherit规定应该从父元素继承 text-decoration 属性的值。
分类: 电脑/网络 >>互联网问题描述:
做网页的时候,把一些文字编辑超链接后,这些字会自动有下划线,很难看。请问如何去除这个下划线?
解析:
Microsoft FrontPage技巧之如何去除超链接的下划线
去除超链接的下划线有两种方法,一种就是鼠标放上超链接去的时候下划线消失,另一种不管鼠标放上去与否均可消失。两种方式各有特色,可以根据自己的喜好选择。
打开Microsoft FrontPage软件,在它的操作界面中,打开你要改变超链接的网页。点击右键打开网页属性,(也可以打开文件……属性)在背景属性中,点选“启用超链接翻转效果”,在翻转样式的字体中点选闪烁,如果你希望进行超链接的字体变化,也可以在上面的字体中选取。然后确定。这时预览一下你的网页,是不是上面所有的超链接在鼠标放上去的时候都没有了下划线?
亦可以在网页属性的常规中点击左下角的“样式”,在修改样式对话框的下面点击“格式”——字体,在字体对话框的效果中点选闪烁——然后确定。同样的效果也出现了。
这种办法可以对整个网页的超链接全部去除下划线。
另外一种是让超链接的下划线全部消失。首先选取你要进行去除下划线的超链接,单击鼠标右键,点击“超链接属性”,(或直接点击超链接图标,或者点击菜单栏的插入——超链接)打开编辑超链接对话框,在编辑超链接对话框中,点右下角的“样式”,在修改样式对话框中点击“格式”——字体,同样点选“闪烁”,然后确定就OK了。你看你的超链接是不是很醒目的干干净净,没有了下划线?预览一下,效果就是不一样呀。如果你加粗了文字或对文字作了其它的效果处理,显示出来就会更漂亮一些的。