DreamweaverCS5软件作为一款网页设计中比较容易上手操作的软件,一直很受欢迎,那么如何去制作鼠标悬浮链接上特效呢,下面跟着我的步骤实现吧。
工具/原料
AdobeDreamWeaverCS5
电脑
入门级制作
1、首先我们打开AdobeDreamWeaverCS5,要新建一个站点,然后才新建一个网页文件,站点根目录在自己收藏的图片素材文件夹内即可。
2、当我们新建的站点输入了文字内容之后,我们便可以创建链接,在下方HTML处的链接栏输入链接,这里我用#空连接代替,创建好了之后,这段文字会变成蓝色,而且有下划线。
3、我们溴溢菏确要鼠标左键框选刚才制作完成的这一段链接。接着我们在右侧的CSS样式面板中找到新建CSS样式的小按钮(1)创建一个新的样式。进入到糕恍阏绯新建CSS规则中,我们得在选择器类型中选择复合内容(2),然后在下方的选择器名称中选择a:hover(3)。最后点击确定。
4、然后我们进入到CSS样式的设置中,请注意!现在在这个面板中的设置都是等一下鼠标蚨潍氢誊移到链接上所出现的特效,包括但不限于字体颜色更改,背景音乐等等,这里我设置的是字体颜色更改。
5、点击确定,保存后在浏览器预览即可显示!