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

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

东西/原料

  • Adobe Dream Weaver CS5
  • 电脑

入门级建造

  1. 1

    起首我们打开Adobe Dream Weaver CS5,要新建一个站点,然后才新建一个网页文件,站点根目次在本身保藏的图片素材文件夹内即可。

  2. 2

    当我们新建的站点输入了文字内容之后,我们便可以建立链接,在下方HTML处的链接栏输入链接,这里我用#空毗连取代,建立好了之后,这段文字会酿成蓝色,并且有下划线。

  3. 3

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

  4. 4

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

  5. 5

    点击确定,保留后在浏览器预览即可显示!

    END

总结

  1. 1

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

    END

注重事项

  • 有什么疑问接待与我联系
  • 创作不易,若是帮到了您的忙可以点个有效
  • 发表于 2020-06-08 19:00
  • 阅读 ( 826 )
  • 分类:其他类型

你可能感兴趣的文章

相关问题

0 条评论

请先 登录 后评论
联系我们:uytrv@hotmail.com 问答工具