dreamweaver中怎么设置背景,dreamweaver怎么设置背景音乐

首页 > 实用技巧 > 作者:YD1662023-06-08 16:27:05


动态神器:Cascading Style Sheets

在模板市场中看到的点击切换效果和轮播图效果等都是使用CSS实现的。

dreamweaver中怎么设置背景,dreamweaver怎么设置背景音乐(1)

鼠标响应的妙用

店铺中经常能看到将光标放到宝贝上,宝贝切换为反面展示,或切换到其他颜色的宝贝图,或改变背景出现商标图案的效果,这个效果就是使用hover实现的。

hover效果是当光标移动到一个匹配的元素上面时,会触发指定的第一个函数。当光标移出这个元素时,会触发指定的第二个函数。当光标移至其中一个图上时,就会激活这个图所在框的hover状态,改变这个框的背景图片,即实现翻转效果。

下面使用hover实现切换宝贝颜色的效果。

01 在Dreamweaver软件中新建一个HTML文档,在CSS设计器中单击“添加CSS源”按钮,在展开的列表中选择“在页面中定义”选项。

dreamweaver中怎么设置背景,dreamweaver怎么设置背景音乐(2)

02 添加源后选中“全局”,并单击“添加选择器”按钮。

dreamweaver中怎么设置背景,dreamweaver怎么设置背景音乐(3)

03 输入名称,在名称前添加“.”。

dreamweaver中怎么设置背景,dreamweaver怎么设置背景音乐(4)

首页 12345下一页

栏目热文

文档排行

本站推荐

Copyright © 2018 - 2021 www.yd166.com., All Rights Reserved.