手机站
网通分站
电信主站
密 码:
用户名:
当前位置 : 主页>网页制作>Dreamweaver>列表

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

来源:互联网 作者:west263.com 时间:2008-02-23
西部数码-全国虚拟主机10强!40余项虚拟主机管理功能,全国领先!双线多线虚拟主机南北访问畅通无阻!免费赠送企业邮局,.CN域名,自助建站480元起,免费试用7天,满意再付款! P4主机租用799元/月.月付免压金!

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

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

文章整理:西部数码--专业提供域名注册虚拟主机服务
http://www.west263.com
以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢!