HTML如何去掉链接下划线

我们可以用CSS语法来控制超链接的形式、颜色变化。

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

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

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

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

转载于:https://www.cnblogs.com/phyking/archive/2013/01/24/4456647.html

HTML如何去掉链接下划线相关推荐

CSS去掉链接下划线的方法
a:link {text-decoration: none} text-decoration还有以下几种取值: none 默认.定义标准的文本. underline 定义文本下的一条线. overli ...
php文字链接下划线怎么取消,css怎么去掉超链接下划线
在网页中难免有若干对文字A超链接锚文本,但是在默认情况下带链接的文字全部都是有下划线效果的,那么如何把这个超链接的下划线效果给去掉呢?那我们就要借助强大的CSS了. 通过CSS设置要想让带超链接锚文本 ...
CSS动画：有活力的链接下划线
链接下划线是非常常见的一种样式,最近做了一个非常简单的视觉效果,非常不错,可以点下面链接查看. http://jsbin.com/zanewe/edit?html,css,output 创建这种效果是 ...
html的u标签去掉文字下划线代码
html的u标签去掉文字下划线代码 <div class="tile_stats_count"><span class="count_top" ...
如何去掉超链接下划线小集锦
去掉超链接的下划线,需要用样式表CSS来控制,如果你暂时不想深入了解CSS的概念,下面将举三个简单的实例来说明如何控制超链接的下划线.用记事本打开网页源代码(也可以先用IE打开网页,然后点击 ...
如何去掉超链接下划线用三个简单的实例来说明
去掉超链接的下划线,需要用样式表CSS来控制,如果你暂时不想深入了解CSS的概念,下面将举三个简单的实例来说明如何控制超链接的下划线.用记事本打开网页源代码(也可以先用IE打开网页,然后点击IE菜单栏 ...
php文字链接下划线怎么取消,html超链接怎么去掉下划线
html超链接怎么去掉下划线? 可以用css的text-decoration:none来取消连接的下划线这是一个链接扩展资料: 超级文本标记语言是标准通用标记语言下的一个应用,也是一种规范,一种标 ...
jsp中去掉超链接下划线吗_好烦啊，PPT 插入超链接，文字自动变色还有下划线！还不能改？！...
「老师,PPT 中插入超链接,为什么设置之后文字不仅改变了颜色,还多了一条下划线,但是选中后更改没有反应--有没有办法让文字看着正常一点?」效果类似这样: 这是在给秋叶PPT的学员进行答疑的时候,遇 ...
Python正则表达式去掉字符串下划线末尾的纯数字
目的:通过遍历,将数据框的name列中最后一个下划线之后是纯数字的去掉下划线及其之后的数字. dataframe_example如下: monitoring_item hostname domain ...

HTML如何去掉链接下划线

HTML如何去掉链接下划线相关推荐

最新文章

热门文章