鼠标移上链接出现下划线

来源： 作者： 出处：巧巧读书 2005-12-10 进入讨论组

• 关 键 词：
• dreamweaver
• html
• css

　　有些网页的链接，原先没有下划线，你把鼠标指向链接处，才会出现下划线，鼠标移掉下划线就又没有了。这种效果其实可以用层叠样式表（CSS）来实现，在Dreamweaver中编辑层叠样式表不用编写代码，具体操作方法如下：

（1）在快速启动栏中点击层叠样式表按钮（就是把鼠标放上去显示“show css styles”的那个按钮），在弹出的CSS Styles面板上双击（none）；

（2）此时，可看到弹出的Edit Style Sheet 面板，在该面板上按New按钮；

（3）弹出的New Style 面板上点取Redefine HTML Tag（重新定义HTML标记）再在Tag中选择“a”（超级链接标记）标记后按OK按钮；

（4）这时可看到弹出的Style dehinition for a 的对话框，在此对话框中可以设置超级链接的许多属性，你可以按你的意愿设置，但我们这里主要是要去掉那讨厌的下划线，所以我们在decoration 属性中选择“none”，这样就把下划线去掉了；然后我们再选择颜色为：#339966。按ＯＫ按钮返回到Edit Style Sheet 面板；

（5）在Edit Style Sheet 面板上再按New按钮；

（6）在弹出的New Style 面板上点取Use CSS Selector ，再在该面板上的selector选择框中选择“a:hover”（定义当鼠标在超级链接上时链接的属性），按OK按钮；

（7）在弹出的Style dehinition for a:hover 的对话框中，我们在decoration 属性中选择“underline”，这样就把下划线又加上了；然后我们再选择颜色为：#FF3300。按OK按钮返回到Edit Style Sheet 面板；

（8）在Edit Style Sheet 面板上再按Don按钮，至此所有设置结束，你在Dreamweaver的源代码检视窗中将看到在与之间如下所示的代码：收藏地址:http://www.qqread.com/dreamweaver/u552157102.html进入讨论组讨论。

【收藏此文】【大 中 小】【打印】【关闭】

较早的文章：什么是CSS？它的能做些什么？

较新的文章：写硬盘的网页病毒程序