栏目搜索
 
 
 
 
你的位置:首页 > 网页设计 > 网页制作小技巧:还网页链接“清白” >
 

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

发布者:[本站编辑] | 来源:[]

网页制作小技巧:还网页链接“清白”_电脑维修资料库

    网页离不开链接,而默认链接的表现形式总是千篇一律的蓝色文字加底线,每当我们点击它时,周围会出现虚线框,表示该链接是当前的焦点,影响了美观。不过一些五彩缤纷的链接所付出的代价是添加了大量的代码。我们可以在源文件的链接标签中添加一小段代码屏蔽一些默认属性,图个新鲜。
  首先只要在链接标签中添加onfocus=if(this.blur)this.blur()这句代码即可屏蔽点击时四周出现的虚线框,如: <a href=http://www.cce.com.cnonfocus=if(this.blur)this.blur()>中国电脑教育报</a> 网页刷新后再点击这个链接,是不是不显示虚线框了!ok,我们继续改造,再一步的工作是删除链接上的底线。在源代码的<head>标签后添加以下三句代码,即可使本页的链接的底线不显示:

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

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


</t

 
 
  推荐文章
 
     暂无
 
 
  随机资讯
 
     暂无