当前位置: 首页 > 图文教程 > 网页制作 > Dreamweaver > 网页制作小技巧:还网页链接“清白”

Dreamweaver
DW MX 2004的Flash动画元素
在Dreamweaver中自动设置网页的水平线颜色
Dreamweaver小技巧:超高速下载图像
DW MX 2004新功能:图片处理
去除DW MX 2004表格宽度辅助
DreamweaverMX2004技巧两则
让你的主页声色并茂—巧为网页添加背景音乐
关于Dreamweaver乱码问题的解决方案
更加便捷实用!巧妙复制主页内容另一妙法
解决在Dreamweaver中不支持中文文件名的方法
Dreamweaver使用技巧之如何巧用DW4文件库更新网站
Dreamweaver使用技巧--让css使网页图片半透明
Dreamweaver4使用技巧之--为你的站点定做颜色
CourseBuilder For Dreamweaver 3 (1)
DreamWeaver批处理提高篇
CourseBuilder For Dreamweaver 3 (4)
Dreamweaver4探谜系列(2)
Dreamwaver 常见问答解答
CourseBuilder For Dreamweaver 3 (2)
CourseBuilder For Dreamweaver 3 (3)

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-23   浏览: 34 ::
收藏到网摘: n/a

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

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