| 搜索频道 | 源码下载 | 站长代码论坛 | 文章分类 | 最新专题 | 源码交易 | 加入收藏
首页|资讯|图形图像|网站开发|程序设计|数据库|多媒体|机械电子|办公系列|路由技术|原理|应用|考试|系统
文章搜索:
 您的位置:首页网站开发心得技巧 → 设计干净的链接
设计干净的链接

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

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

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

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

出处:本站原创 作者:zzcode
 相关文章
·Word编辑文档超链接常用技巧放送
·将XML文件链接至HTML网页
·邮件链接的主题和收藏夹的图标
·链接标记
·超链接相关问题
·重新定位链接表二步走
·自定义链接后端数据库
·FW MX 2004教程(10):链接设置
 相关软件
·乌蒙design链接系统 v1.0
·LXL多功能显示友情链接系统
·IT学习者智能自助友情链接系统(CuteLink) v1.6 ..
·猎讯友情链接生成html系统
·全自动友情链接系统 v1.0
·凌风自助友情链接系统 v1.5
·凌风自助友情链接系统 v1.1
·凌风自助友情链接系统 v1.0
·sogo友情链接程序 v1.0
·爱上网XML自助链接
 

 热点文章

·CSS中 display 与 vis..
·网页设计配色应用实例..
·网页布局的位置重心与..
·合理的网页设计具有哪..
·针对各种版本的浏览器..
·网页设计开发:如何处..
·用好的设计替代不好的..
·设计干净的链接
·我们流程的问题到底在..
·Ajax技术的安全问题不..

 推荐文章

·端午非物质文化遗产登..
·动态网站Web开发PHP、..
·PS绘中秋佳节的一轮明..
·细谈网页优化和网站优..
·建站常识:如何使用FT..
·如何快速建造一个成功..
·ASP.NET 2.0 中的创建..
·ASP.NET2.0服务器控件..
·在ASP.NET应用中插入f..
·用Photoshop打造逼真立..
·Windows 2003搭建虚拟..
·站长必读:Web创业的1..
·如何测试机房的速度和..
·北京奥运体育图标发布..
·网络视频广告将身价百..