Dream weaverCS5 软件作为一款网页设计中比较容易上手操作的软件, 一直很受欢迎, 那么如何去制作鼠标悬浮链接上特效呢, 下面跟着我的步骤实现吧 。
文章插图
需要这些哦
Adobe Dream Weaver CS5
电脑
入门级建造1起首我们打开Adobe Dream Weaver CS5, 要新建一个站点, 然后才新建一个网页文件, 站点根目次在本身保藏的图片素材文件夹内即可 。
文章插图
2【快速在Dream weaver中制作鼠标悬浮链接上特效】当我们新建的站点输入了文字内容之后, 我们便可以建立链接, 在下方HTML处的链接栏输入链接, 这里我用#空毗连取代, 建立好了之后, 这段文字会酿成蓝色, 并且有下划线 。
文章插图
3我们要鼠标左键框选适才建造完当作的这一段链接 。 接着我们在右侧的CSS样式面板中找到新建CSS样式的小按钮(1)建立一个新的样式 。 进入到新建CSS法则中, 我们得在选择器类型中选择复合内容(2), 然后鄙人方的选择器名称中选择a:hover(3) 。 最后点击确定 。
文章插图
4然后我们进入到CSS样式的设置中, 请注重!此刻在这个面板中的设置都是等一下鼠标移到链接上所呈现的特效, 包罗但不限于字体颜色更改, 布景音乐等等, 这里我设置的是字体颜色更改 。
文章插图
5点击确定, 保留后在浏览器预览即可显示!
文章插图
总结1打开软件——建立站点——输入内容——建立链接——新建CSS样式表——选择器类型选择复合内容——选择器名称选择a:hover——确定——更改颜色更改布景音乐等等操作——保留预览——完当作 。
注重事项有什么疑问接待与我联系
创作不易, 若是帮到了您的忙可以点个有效
以上内容就是快速在Dream weaver中制作鼠标悬浮链接上特效的内容啦, 希望对你有所帮助哦!
推荐阅读
- js 获取多个a标签的值
- 微信小程序如何在支付成功后关注指定公众号
- 如何在微信群里@某个人
- 如何在手机上查找微信聊天记录文件夹
- 微信怎么退火车票 火车票怎么在微信上退票
- 如何查询会计证是否有效
- 如何对付一个经常刁难你的人
- 父亲去世了该怎么办
- 网易云音乐手机客户端下载的歌曲保存在哪
- 怎样在PPT中加入自定义动画