css去掉下划线

来源：互联网发布：淘宝客推广怎么操作编辑：程序博客网时间：2024/05/02 21:30

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

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

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

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

在访问一个页面的时候，我们会发现，当鼠标移动到具有超级连接的文字上的时候，有的会产生相应的下划线。然而有些网页却没有。主页超链接的下划线是如何去掉的呢？

　　我们在<HEAD>...</HEAD>之间插入下面的代码。

　　<style>B {font-weight: 700; }
　　　P {padding: 5px 0px;
　　　　 margin: 0px;
　　　　 font-family: 宋体,黑体,宋体;
　　　　}
　　　A {text-decoration: none}
　　　TD { font-family: 宋体,黑体,宋体; }
　　</style>
　　<script language="javascript">
　　　var contents = true;
　　</script>

　　更简单的方法是：

　　　<style>
　　　 

　　</style>

　　有了这段代码，你在该网页上的所有文字链接在浏览器中显示时没有下划线，当你把鼠标指向链接处，才会出现下划线，鼠标移掉下划线就又没有了。若你想在其它网页中也具有这种效果，你可以用上述方法设置或更简单点，直接把这段代码复制，粘贴到<head>与</head>之间即可。注意：若不是在a 中定义除去下划线而是在a: link中定义除去下划线，在实际使用时不能除去下划线，我是在IE4.0环境下测试的。