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

我们可以用CSS语法来控制超链接的形式、颜色变化，为什么链接一定要使用下划线和颜色区分呢？ 其主要原因主要是考虑到   1、视力差的人 2、色盲的人 。。。

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

实现方法很简单，在源代码的<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参数表示超链接的文字有下划线
-------------------------------------------------------------------------
演示：让网页中的链接去掉下划线

<style type="text/css"> 
<!-- 
A { text-decoration: none} 
--> 
</style>

将代码插入在<head></head>之间.<title>之前即可

-------------------------------------------------------------------------

使用CSS实现链接的虚线下划线\普通下划线效果

a {
color:#3399FF;
font-weight:Normal; /*CSS字体效果 普通 可以改成bold粗体 如果去除此行那么默认是不显示下划线的*/
text-decoration:none; /*CSS下划线效果：无下划线*/
}

a:hover {
color:#4499EE;
text-decoration:none; /*CSS下划线效果：无下划线*/
border-bottom: 1px #0099CC dotted /*CSS加一个只有下边的框 边框为虚线*/
}

a{ } ：是用来控制连接的效果 
a:hover{ }：是用来控制鼠标移上去的效果。

时间： 2024-10-11 01:53:43

使用CSS去除 去掉超链接的下划线方法的相关文章

如何去掉超链接的下划线

如何去掉超链接的下划线:建议:尽可能的手写代码,可以有效的提高学习效率和深度.每个人的欣赏事物的角度不一样,有些人喜欢链接带有下划线,有的人不喜欢,下面介绍一下如何去掉超链接的下划线.在默认状态下,链接一般是带有下划线的,那么我们可以使用text-decoration属性来设置链接是否具有下划线.实例如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta nam

Android TextView中实现点击文本超链接(无下划线)的封装类

android中有的时候须要在TextView上设置一些超链接,点击这些超链接时进行一些操作.比如新浪微博上的一些keyword,点击时会跳转到对应的页面. 怎样实现我们就直接看源代码吧. /** * * created by Mr.Simple, Aug 21, 20141:51:40 PM. * Copyright (c) 2014, hehonghui@umeng.com All Rights Reserved. * * ##################################

html超链接添加下划线

在需要的连接添加行内样式: <a href="ddrb/090630.asp" target="_blank" style="text-decoration:underline;">30</a> CSS text-decoration 属性 可能的值 值 描述 none 默认.定义标准的文本. underline 定义文本下的一条线. overline 定义文本上的一条线. line-through 定义穿过文本下的一条线

Python(88)_双下划线方法

1.双下划线方法 #-*-coding:utf-8-*- import os import time ''' 迭代器 ''' print(dir([])) # 告诉我列表拥有的所有方法 print(dir({})) print(dir('')) ''' 求共有方法,集合求交集 ''' ret = set(dir([]))&set(dir({}))&set(dir(''))&set(dir(range(10))) print(ret) # __iter__ print([1].__a

vs2015安装VAssistX以后，去除中文注释会有红色下划线方法

---恢复内容开始--- 环境:Visual Studio 2015 问题:代码中出现中文后会带下划线,不舒服-----解决办法. 1.安装完Visual Assist X后会在VS2015的菜单栏出现VAssistX这个选项,单击展开,选择Visual AssistX Options 2.把如图所示的勾去掉,解决. 一个Visual AssistX破解版本,亲测vs2015可用简直完美 ---恢复内容结束---

Python 中的特殊双下划线方法

python类内部部分双下划线特殊方法 __setattr__, __getattr__, __delattr__, hasattr __getattribute__ __getitem__(),__setitem__(), __delitem__() 主程序如下: class Foo: def _inif(self,pname): self.pname = pname def func(): print('i'm func') def __getattr__(self, item): prin

python基本知识(八)：定制类，双下划线方法

'''定制类: 1. 双下划线属性__attr__ 2. 元类metaclass''' # 综述 '''iterable/iterator:1. __iter__(): return iterable_obj 1) 实现了该方法的对象叫iterable 2) iter(obj)会调用该方法, 生成一个迭代器iterator 2. __next__(): 指明迭代器怎么返回值 1) next(iterator)会返回一个值, 直到所有的值都返回了报错StopIteration 2) for.. i

Android自定义EditText去除边框并添加下划线

<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent" > <!--注

去掉链接的下划线

a:link {text-decoration: none;} 原文地址:https://www.cnblogs.com/niudali/p/12356739.html