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

Dreamweaver
Dreamweaver MX进阶教程（十八）使用css样式制作细线表格
Dreamweaver MX进阶教程（二十二）制作反馈表单（email发送）
Dreamweaver MX进阶教程（二十）使用一象素透明图像固定单元格宽度
Dreamweaver MX进阶教程（十一）使用“层”布局网页
Dreamweaver MX进阶教程（十四）使用server-side include（服务器端包括）
Dreamweaver MX进阶教程（十五）插入具有辅助功能的表格
Dreamweaver MX进阶教程（十九）防止英文字符撑破表格
Dreamweaver MX进阶教程（十七）设置表格的属性
Dreamweaver MX进阶教程（十二）在居中页面使用层
DW MX 设计留言本实战(1)
DW MX 设计留言本实战(4)
DreamWeaver,经典50问(9)
DreamWeaver,经典50问(8)
DreamWeaver,经典50问(7)
DreamWeaver,经典50问(3)
DreamWeaver,经典50问(10)
DreamWeaver,经典50问(4)
DreamWeaver,经典50问(6)
巧用背景颜色和间距快速制作出细边线表格
DW MX 2004代码编辑新功能

No. « 10 11 12 13 »

技术文章搜索

关键字

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

出处:互联网   整理: 软晨网（RuanChen.com）   发布: 2009-11-23   浏览: 49 ::
收藏到网摘: 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">这句代码即可使链接文字变成红色。