[dreamweaver超级链接]DreamWeaver超级技巧7

Macromedia认证经验交流 2021-08-21 网络整理 可可

【shitiku.jxxyjl.com--Macromedia认证经验交流】

        36. 实现用鼠标指向链接时出现下划线的效果

  有些网页的链接,原先没有下划线,你把鼠标指向链接处,才会出现下划线,鼠标移掉下划线就又没有了。这种效果其实可以用层叠样式表(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。按ok按钮返回到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按钮,至此所有设置结束。

本文来源:https://shitiku.jxxyjl.com/macromediarenzhengjingyanjiaol/7502.html

Copyright @ 2011- 考试题库网 All Rights Reserved. 版权所有

免责声明 :本网站尊重并保护知识产权,根据《信息网络传播权保护条例》,如果我们转载的作品侵犯了您的权利,请在一个月内通知我们,我们会及时删除。

 站长统计