在HTML代码中如何把超链接(标签 a)的下划线去掉?

在HTML代码中把超链接(标签 a)的下划线去掉的方法有很多

一、 用CSS语法来控制超链接的形式、颜色变化

在源代码的和之间加上如下的CSS语法控制:

其中:

a:link 指正常的未被访问过的链接;

a:active 指正在点的链接;

a:hover 指鼠标在链接上;

a:visited 指已经访问过的链接;

text-decoration是文字修饰效果的意思;

none参数表示超链接文字不显示下划线;

underline参数表示超链接的文字有下划线

同样,如果讲none替换成overline则给超链接文字加上下划线,换成line-through给超链接文字加上删除线,blink则使文字在闪烁。

上面的链接效果为: 未被点击时超链接文字无下划线,显示为蓝色;当鼠标在链接上时有下划线,链接文字显示为红色;当点击链接后,链接无下划线,显示为绿色。

详情可在W3Cschool首页找到《CSS教程》参考其中的CSS 链接(link) http://www.w3cschool.cn/css/css-link.html

二、如何一次性去掉超链接下划线

仅仅在与中间加入这一句就去掉超链接下划线了(找到和这两句,样式表语句就加在它们中间。)

三、有的超链接需要下划线,有的不需要,该怎么办

如果大部分超链接不要下划线,就可以加入 这一句,然后在少数要下划线的超链接里使用这个方法,它就有下划线了: 文字。 ·如果大部分超链接都要下划线,就可以不要加入前面提到的这句。把它改为:, 注意:n前面有个点,它表示类选择符,然后在网页的超链接当中可以多次引用,就可单独去掉个别超链接了,例如:

W3Cschool编程入门教程

W3Cschool极客导航

W3Cschool编程百科