首页
关于我们
服务项目
作品展示
服务支持
联系我们
友情链接
网站地图
 您当前位置:网络学院 -> 图像网站系-> 网站建设-> 网站心得
设计干净的链接
作者:admin 来源:网络
日期: 2007-2-27
站内搜索
文章页数:[1] 
网页离不开链接,而默认链接的表现形式总是千篇一律的蓝色文字加底线,每当我们点击它时,周围会出现虚线框,表示该链接是当前的焦点,影响了美观。不过一些五彩缤纷的链接所付出的代价是添加了大量的代码。我们可以在源文件的链接标签中添加一小段代码屏蔽一些默认属性,图个新鲜。

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

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

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

文章页数:[1] 
放大字体显示 缩小字体显示 打印文章 推荐给朋友
热门文章
·网站个性标志Favicon的使用
·Web2.0视觉风格进化论一
·针对各种版本的浏览器隐藏CSS的九大技巧
·Web2.0视觉风格进化论二
·Web2.0 的视觉设计中英对照
·网站推广:论坛宣传方法细化
·网页布局的位置重心与位置间的对比关系
·网站理念: 从营销的角度策划和建设网站
·网页设计开发:如何处理网页字体
·小议中英文网站排版设计的视觉差异
最新文章
·并非无懈可击 破译Google五大弱点
·如何写好“帮助中心”的内容
·用好的设计替代不好的
·合理的网页设计具有哪些特征
·网页布局的位置重心与位置间的对比关系
·网站推广:论坛宣传方法细化
·美国网站和日本网站到底有什么不同?
·小议中英文网站排版设计的视觉差异
·半年网络推广和个人站长的心得
·针对各种版本的浏览器隐藏CSS的九大技巧
相关主题
版权申明:除部分特别声明不要转载,或者授权本站独家播发的文章外,大家可以自由转载本站的原创文章,但原作者和来自本站的链接必须保留(非本站原创的,按照原来自一节,自行链接)。文章版权归本站和作者共有。
转载要求:转载之图片、文件,链接请不要盗链到本站,且不准打上各自站点的水印,亦不能抹去本站水印。
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有。
发表评论  打印  刷新  推荐给朋友  返回顶部  关闭

网上大名: