在HTML中怎么去掉超链接的下划线?

html-css012

在HTML中怎么去掉超链接的下划线?,第1张

“页面属性”——“链接”——“下划线样式”——“始终无下划线”

完整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了。你看你的超链接是不是很醒目的干干净净,没有了下划线?预览一下,效果就是不一样呀。如果你加粗了文字或对文字作了其它的效果处理,显示出来就会更漂亮一些的。