快速在Dream weaver中制作鼠标悬浮链接上特效
1、首先我们打开Adobe Dream Weaver CS5,要新建一个站点,然后才新建一个网页文件,站点根目录在自己收藏的图片素材文件夹内即可。
2、当我们新建的站点输入了文字内容之后,我们便可以创建链接,在下方HTML处的链接栏输入链接,这里我用#空连接代替,创建好了之后,这段文字会变成蓝色,而且有下划线。
3、我们要鼠标左键框选刚才制作完成的这一段链接。接着我们在右侧的CSS样式面板中找到新建CSS样式的小按钮(1)创建一个新的样式。进入到新建CSS规则中,我们得在选择器类型中选择复合内容(2),然后在下方的选择器名称中选择a:hover(3)。最后点击确定。
4、然后我们进入到CSS样式的设置中,请注意!现在在这个面板中的设置都是等一下鼠标移到链接上所出现的特效,包括但不限于字体颜色更改,背景音乐等等,这里我设置的是字体颜色更改。
5、点击确定,保存后在浏览器预览即可显示!
1、打开软件——创建站点——输入内容——创建链接——新建CSS样式表——选择器类型选择复合内容——选择器名称选择a:hover——确定——更改颜色更改背景音乐等等操作——保存预览——完成。
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
阅读量:125
阅读量:145
阅读量:154
阅读量:61
阅读量:146