网站首页 · 网站地图 · 留言 · 联系 · 交友
首页 设计 酷站 教程 编程 下载 免费 QQ
视觉|平面|海报|封面|标志|包装|广告|摄影|招贴|工具|酷站欣赏
 
您现在的位置: 酷酷搜设计欣赏大全 >> 网页教程 >> Dreamweaver教程 >> 教程正文

教程标题

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

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

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

【点击数:】【发表评论】【告诉好友】【打印此文】【关闭窗口

关文章

您的姓名:
评分等级:
1分 2分 3分 4分 5分
评论内容:
1、严禁发表危害国家安全、政治、黄色淫秽等内容的评论。
2、用户需对自己在使用雪儿网络服务过程中的行为承担法律责任。
3、本站管理员有权保留或删除评论内容。
4、评论内容只代表网友个人观点,与本网站立场无关。

设为首页 | 加入收藏 | 站点留言 | 友情链接 | 网站地图 | 关于我们 | 鄂ICP备06018154号
Copyright©2006 Cocoso.Net All Rights Reserved 版权所有·酷酷搜设计网