千岛湖特色美食推荐:如何去掉网页超连接的下滑线

来源:百度文库 编辑:查人人中国名人网 时间:2024/05/16 18:30:06

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

我们在<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>
<!--
a {text-decoration:none}
a:hover {color: red;text-decoration:none}
--!>
</style>

下面我们在看一看效果,试着将鼠标移动到下面的超级链接上去,是不是超级链接不会产生下划线了。

用office做 选中下滑线,取消连接
用javascript做
<a href='xxx.jsp' style='text-decoration:none'>xxxx</a>
用CSS控制,或者<a onclick="aaa()">as</a>

加入如下代码:

< style type="text/css" >
< ! - -
A{text -transform: none;
text -decoration: none ;}
a:hover { text -decoration:underline }
- - >
< /style >