如何去掉超链接的下划线

原创 2008年09月28日 15:53:00
我们可以用CSS语法来控制超链接的形式、颜色变化。

  下面我们做一个这样的链接:未被点击时超链接文字无下划线,显示为蓝色;当鼠标在链接上时有下划线,链接文字显示为红色;当点击链接后,链接无下划线,显示为绿色。

  实现方法很简单,在源代码的<head>和<head>之间加上如下的CSS语法控制:

   <style type="text/css">
   <!--
   a:link { text-decoration: none;color: blue}
   a:active { text-decoration:blink}
   a:hover { text-decoration:underline;color: red}
   a:visited { text-decoration: none;color: green}
   -->
   </style>

  其中:
  a:link 指正常的未被访问过的链接;
  a:active 指正在点的链接;
  a:hover 指鼠标在链接上;
  a:visited 指已经访问过的链接;
  text-decoration是文字修饰效果的意思;
  none参数表示超链接文字不显示下划线;
  underline参数表示超链接的文字有下划线

  下面这行文字就是我们刚才做的效果。

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

怎样去掉超链接的下划线?

找到和这两句了吗?样式表语句就加在它们中间。如下: a{TEXT-DECORATION:none} 仅仅加入a{TEXT-DECORATION:none}这一句就去掉超链接下划线了,这...
  • lzy_lizhiyang
  • lzy_lizhiyang
  • 2014年08月24日 12:49
  • 1229

怎样去掉超级链接的下划线和颜色.

1.可以设置成“从不显示下划线” 或者加代码: 请将以下代码拷贝至页面的与之间: A {text-decoration: NONE} (这个方法是根本)2.怎么改变超级连接的颜色和去掉其下划线  文...
  • huang2007xiang
  • huang2007xiang
  • 2007年08月31日 09:59
  • 3757

在html中取消超链接的下划线

在html的超链接a标签中取消下划线需要用到text-decoration。 a{ text-decoration:none; }...
  • lalalalalala_
  • lalalalalala_
  • 2018年01月04日 14:44
  • 256

使用CSS去除 去掉超链接的下划线方法

我们可以用CSS语法来控制超链接的形式、颜色变化,为什么链接一定要使用下划线和颜色区分呢? 其主要原因主要是考虑到   1、视力差的人 2、色盲的人 。。。 下面我们做一个这样的链接:未被点击时超链...
  • ye1992
  • ye1992
  • 2013年06月21日 12:46
  • 42977

TextView使用超链接去掉下划线

项目中有一个小需求,就是在textview中支持web地址,这个属性好设置,在textview中配置文件加一行android:autoLink="web"搞定,可是默认的textview样式中带有下划...
  • congjianfei
  • congjianfei
  • 2013年12月24日 14:20
  • 2272

CSS去掉链接下划线的方法

a:link {text-decoration: none} text-decoration还有以下几种取值: none 默认。定义标准的文本。 underline 定义文...
  • haibo0668
  • haibo0668
  • 2016年11月16日 18:01
  • 619

wpf hyperlink 隐藏下划线

            Style TargetType="Hyperlink">                Setter Property="Foreground" Value="#209AC2...
  • xiaozhiboxiaozhibo
  • xiaozhiboxiaozhibo
  • 2010年03月22日 15:40
  • 6237

Android超链接去下划线--Android学习笔记6-4

Android超链接去下划线 一、前言:       本文是由《TextView中的图文共存问题》延伸出来的知识点讲解;原文地址:《TextView中的图文共存问题》 二、Android超...
  • qq_25465845
  • qq_25465845
  • 2016年04月27日 18:03
  • 591

QLabel实现超链接,设置超链接颜色,去掉超链接下划线方法

一,QLabel实现超链接 方法1:信号槽方式 1,包含头文件 #include #include   2,.h文件定义槽函数 private slots: void op...
  • fron_csl
  • fron_csl
  • 2015年06月07日 12:38
  • 1930

notepad去除超链接

文章引用地址:http://www.coolboke.com/post/684.html   新版本的Notepad++自动把代码或编辑状态里的链接或URL地址转成可点击的链接,当你点击该URL会...
  • wangyang55555
  • wangyang55555
  • 2016年09月02日 10:45
  • 2261
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:如何去掉超链接的下划线
举报原因:
原因补充:

(最多只允许输入30个字)