您当前的位置是:首页 >> 网站建设 >> 网站制作过程中如何设计干净的链接
  • 网站制作过程中如何设计干净的链接
  • 2008-10-8 21:25:00 中国WebSite网(网站制作) 

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

      首先只要在链接标签中添加onFocus="if(this.blur)this.blur()"这句代码即可屏蔽点击时四周出现的虚线框,如: 网页陶吧 网页刷新后再点击这个链接,是不是不显示虚线框了!OK,我们继续改造,再一步的工作是删除链接上的底线。在源代码的标签后添加以下三句代码,即可使本页的链接的底线不显示:

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

      保存后再打开网页,链接的表现形式是不是只是蓝色文字了!如果还不够,你还可以改变它的颜色,这个很容易实现:在链接文字前添加这句代码即可使链接文字变成红色。

  • 团队介绍
  • 联系我们
  • 网站地图
  • 建站流程
  • 本站关键词:网站制作 | 网站建设 | 北京网站制作 | 北京网站建设 | 做网站 | 北京做网站
    Copyright 2007-2008 中国Web网  All Rights reserved
    业务电话:15810436520 联系人:张冬行 E-mail:zhang-donghang@163.com
    联系地址:北京市海淀区南平庄164号
    京ICP备012345678号