快速在Dream weaver中制作鼠标悬浮链接上特效

Dream weaverCS5 软件作为一款网页设计中比较容易上手操作的软件, 一直很受欢迎, 那么如何去制作鼠标悬浮链接上特效呢, 下面跟着我的步骤实现吧 。

快速在Dream weaver中制作鼠标悬浮链接上特效

文章插图

需要这些哦
Adobe Dream Weaver CS5
电脑
入门级建造1起首我们打开Adobe Dream Weaver CS5, 要新建一个站点, 然后才新建一个网页文件, 站点根目次在本身保藏的图片素材文件夹内即可 。
快速在Dream weaver中制作鼠标悬浮链接上特效

文章插图

2【快速在Dream weaver中制作鼠标悬浮链接上特效】当我们新建的站点输入了文字内容之后, 我们便可以建立链接, 在下方HTML处的链接栏输入链接, 这里我用#空毗连取代, 建立好了之后, 这段文字会酿成蓝色, 并且有下划线 。
快速在Dream weaver中制作鼠标悬浮链接上特效

文章插图

3我们要鼠标左键框选适才建造完当作的这一段链接 。 接着我们在右侧的CSS样式面板中找到新建CSS样式的小按钮(1)建立一个新的样式 。 进入到新建CSS法则中, 我们得在选择器类型中选择复合内容(2), 然后鄙人方的选择器名称中选择a:hover(3) 。 最后点击确定 。
快速在Dream weaver中制作鼠标悬浮链接上特效

文章插图

4然后我们进入到CSS样式的设置中, 请注重!此刻在这个面板中的设置都是等一下鼠标移到链接上所呈现的特效, 包罗但不限于字体颜色更改, 布景音乐等等, 这里我设置的是字体颜色更改 。
快速在Dream weaver中制作鼠标悬浮链接上特效

文章插图

5点击确定, 保留后在浏览器预览即可显示!
快速在Dream weaver中制作鼠标悬浮链接上特效

文章插图

总结1打开软件——建立站点——输入内容——建立链接——新建CSS样式表——选择器类型选择复合内容——选择器名称选择a:hover——确定——更改颜色更改布景音乐等等操作——保留预览——完当作 。

注重事项有什么疑问接待与我联系
创作不易, 若是帮到了您的忙可以点个有效

以上内容就是快速在Dream weaver中制作鼠标悬浮链接上特效的内容啦, 希望对你有所帮助哦!

    推荐阅读