拒绝眼花缭乱还网页链接“清白

原作者:www 添加时间:2007-12-13 原文发表:2007-12-13 人气:11 来源：www

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

本文提示：《拒绝眼花缭乱还网页链接“清白》是本站编辑们为广大网友精选的实用文章，本文阐述了关于文章的相关理论，相对来说专业性强，但是本文只是针对于某个问题提出的见解与论述，未必能辐射到相关问题的方方面面，所以本文处理问题的方法仅仅为您提供一些参考。更多问题请查阅学习中国网其他栏目哦.

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

网页离不开链接，而默认链接的表现形式总是千篇一律的蓝色文字加底线，每当我们点击它时，周围会出现虚线框，表示该链接是当前的焦点，影响了美观。不过一些五彩缤纷的链接所付出的代价是添加了大量的代码。我们可以在源文件的链接标签中添加一小段代码屏蔽一些默认属性，图个新鲜。

　　首先只要在链接标签中添加onFocus="if(this.blur)this.blur()"这句代码即可屏蔽点击时四周出现的虚线框，如： <A href="http://www.cce.com.cn"onFocus="if(this.blur)this.blur()">中国电脑教育报</a> 网页刷新后再点击这个链接，是不是不显示虚线框了！OK，我们继续改造，再一步的工作是删除链接上的底线。在源代码的<head>标签后添加以下三句代码，即可使本页的链接的底线不显

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

　　保存后再打开网页，链接的表现形式是不是只是蓝色文字了！如果还不够，你还可以改变它的颜色，这个很容易实现：在链接文字前添加<font color="#aa0000">这句代码即可使链接文字变成红色。

本页地址