网页制作小技巧：还网页链接“清白”

2008-02-23 06:07:32来源：互联网阅读 ()

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

　　首先只要在链接标签中添加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">这句代码即可使链接文字变成红色。

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有