Dreamweaver（简称DW）是一款功能强大的网页设计与制作软件，它能够轻松实现网页设计、代码编写、图像处理等功能。在网页设计中，链接是一个经常用到的元素，但是默认情况下链接的文字下面会出现一个下划线，这样影响了网页的美观性。DW中如何去掉链接文字下划线呢？下面将从几个方面详细介绍。
1. 使用CSS样式去掉链接文字下划线
CSS（层叠样式表）是一种用来设计网页的语言，它可以使网页更加美观和易于维护。在DW中，我们可以使用CSS样式去掉链接文字下划线。具体步骤如下：
选中要去掉下划线的链接文字，然后在“属性检查器”中找到“样式”选项，点击“新建样式”按钮。
在弹出的“新建样式”窗口中，选择“下划线”下拉菜单，将其设置为“无”。
点击“应用”按钮，保存样式即可。
链接文字下划线就被成功去掉了。需要注意的是，这种方法只能去掉链接文字下划线，而不能去掉链接的虚线框。
2. 使用属性面板去掉链接文字下划线
DW中还有一种简单的方法可以去掉链接文字下划线，那就是使用属性面板。具体步骤如下：
选中要去掉下划线的链接文字，然后在“属性检查器”中找到“文本属性”选项。
在“文本属性”选项中，找到“下划线”选项，将其设置为“无”。
链接文字下划线就被成功去掉了。需要注意的是，这种方法仍然不能去掉链接的虚线框。
3. 使用HTML代码去掉链接文字下划线
如果你是一个熟练的网页设计师，那么你也可以使用HTML代码去掉链接文字下划线。具体步骤如下：
在HTML代码中，找到要去掉下划线的链接文字所在的位置。
在链接文字的a标签中添加以下代码：style="text-decoration:none;"。
保存HTML文件，刷新页面即可。
链接文字下划线就被成功去掉了。需要注意的是，这种方法也不能去掉链接的虚线框。
4. 去掉链接虚线框
以上几种方法都不能去掉链接的虚线框，那么怎样才能去掉呢？下面介绍两种方法。
第一种方法是使用CSS样式去掉虚线框。具体步骤如下：
在CSS样式中添加以下代码：a:focus {outline:none;}。
保存CSS文件，刷新页面即可。
链接的虚线框就被成功去掉了。需要注意的是，这种方法只适用于IE浏览器。
第二种方法是使用HTML代码去掉虚线框。具体步骤如下：
在HTML代码中，找到要去掉虚线框的链接所在的位置。
在链接的a标签中添加以下代码：hidefocus="true"。
5. 总结
本文介绍了DW中如何去掉链接文字下划线以及链接虚线框的几种方法，包括使用CSS样式、属性面板、HTML代码等方法。需要注意的是，不同的方法适用于不同的浏览器，建议根据具体情况选择合适的方法。
6. 延伸阅读
关于DW的更多使用技巧，可以参考以下资料：
《Dreamweaver CS6网页设计基础教程》
《Dreamweaver网页设计全程实战》
《Dreamweaver CC网页设计教程》
7. 参考文献
[1]张国君. Dreamweaver CS6网页设计基础教程[M]. 北京：电子工业出版社，2012.
[2]游翔. Dreamweaver网页设计全程实战[M]. 北京：机械工业出版社，2014.
[3]翁恺，王健. Dreamweaver CC网页设计教程[M]. 北京：人民邮电出版社，2014.
