日期:2014-04-17 浏览次数:20687 次
1:打开Dreamweaver,新建一文件,做两个带链接的文字。
2:SHIFT+F11,打开CSS styles控制面板,新建一use CSS selector,需要注意的是,你选择Use CSS selector再选择a:hover,并没有出现上图的效果,其实技巧就是在这里!我们手动把a:hove改成a.one:hove,也就是在a的后面加上一个点与名字(可任意英文,不能是数字)。设置好后点ok
3:在弹出的style definition for one.a:hover面板中设置你要的效果,这里我们选择字体的颜色为红色。设置完后点ok
4:重复第2、3步,第2步需要修改的地方就是把a.one:hover该回a:hover(就是直接选中a:hover就可。第3步需要改的就是字体的颜色了,我们设置为黄色。
5:现在预览还没有效果,我们还需要动点小手术,我们来看看设置完后的CSS styles控制面板,如下图,里面会出现个one
6:在页面中选中其中你想要当鼠标放上去的时候是红色的链接文字,再在CSS styles控制面板中用鼠标选中one
7:现在你的页面已经有两种效果了。
总结:按照以上逻辑,我们可以做出无限个文字链接效果,关键是在于a:hover a:active a:link a:visited的修改而已,前面介绍的只是a:hover,其实其他三个一样可以。只要参照第2步的设置就可以轻松的搞定。