作者:魔蝎陈小琳 | 来源:互联网 | 2023-09-05 13:15
去除超级链接的下划线以及在超级链接上实现鼠标悬停变色:
在默认情况下,用DreamWeaver设计的网页中的超级链接都有下划线,看上去不大美观取消超级链接。要去除这些讨厌的下划线,很多报刊介绍的方法都是在HTML源代码中手工加入一段代码,其实在DreamWeave中很容易去除链接的下划线。
![怎样去除超级链接的下划线以及在超级链接上实现鼠标悬停变色?](https://img.php1.cn/3cd4a/1eebe/cd5/617c1173853af4b6.webp)
首先在DreamWeaver的DocumentWindows中随便建立一个链接,你可以看到这个链接会有下划线取消超级链接。怎样去除这条下划线呢?
![怎样去除超级链接的下划线以及在超级链接上实现鼠标悬停变色?](https://img.php1.cn/3cd4a/1eebe/cd5/0ef126b5295c089b.webp)
1取消超级链接。在点击菜单栏上的"Text"|"CSSStyles"|"EditStyleSheet…"(或者直接按快捷键Ctrl+shift+E),调出EditStyleSheet(编辑样式表)对话框窗口。
2取消超级链接。点击"New(新建)",然后在"NewStyle(新样式)"对话框中,点击"UseCSSSelector"按钮。
3取消超级链接。在Selector栏中键入a,然后点OK。
4取消超级链接。随后弹出"CSS样式定义"对话框,在Type类的decoration(装饰)中,勾选none,然后点OK,再点Done。
你将立刻在DocumentWindows中发现链接的下划线已经消失了取消超级链接。那么又怎样实现当鼠标悬停在链接上时链接变色呢?重复上述步骤中的的第一、第二步。然后点选Selector旁的下拉箭头,选择"a:hover",再点OK。在随后弹出的"Styledefinitionfora:hover"对话框中,在Type类的color中任意选择一种颜色(比如选择红色),然后点OK,再点Done便完成了。
按F12预览,将鼠标放在链接上,该链接是不是变成了红色?如果在刚才的"Styledefinitionfora:hover"对话框中,在Backgroud(背景)类里,选择backgroud的颜色为绿色,那么当你把鼠标放在超级链接上时,不但链接会变成红色,而且还会有绿色的背景取消超级链接。
事实上,通过刚才的CSS样式定义对话框,你还可以实现更多的特殊效果,有兴趣的朋友不妨去好好琢磨一下取消超级链接。