dreamweaver c5如何制作层叠的图片效果

 时间:2024-10-12 06:43:46

1、在插入菜单下,我们切换到布局选项,然后点击ap div标签,在页面中拖动即可绘制一个层

dreamweaver c5如何制作层叠的图片效果

2、​在菜单栏上执行:插入--图像,我们来给层插入一个图片​

dreamweaver c5如何制作层叠的图片效果

3、​插入的图片和层的大小有所不同,我们要拖动右下角的控制点,改变层的大小,使其和图片的大小相当。

dreamweaver c5如何制作层叠的图片效果
dreamweaver c5如何制作层叠的图片效果

4、​接着再点击ap div标签,绘制一个层,同样插入一个图片,如图所示​

dreamweaver c5如何制作层叠的图片效果
dreamweaver c5如何制作层叠的图片效果

5、​连续插入两个图片,你就会看到下面这个效果

dreamweaver c5如何制作层叠的图片效果

6、​拖动层左上角的控制点,可以改变层的位置,使blog这个层和about这个层重叠​

dreamweaver c5如何制作层叠的图片效果
dreamweaver c5如何制作层叠的图片效果

7、​同样的方法可以让三个层都重叠​

dreamweaver c5如何制作层叠的图片效果

8、​最后,你可以设置z轴上的值来改变哪个层处于最高层,哪个位于最底层,如图所示,先点击左上臻痨鹗鏊角的控制点​,收墩芬蓥然后在属性栏上更改z轴值,这个值越大,它的位置越高,也就是能够挡住别的层。通过设置z轴值,我们可以改变层的堆叠层次,好了,图片堆叠效果就这样出来了。

dreamweaver c5如何制作层叠的图片效果
  • Dreamweaver代码-鼠标经过时更换图片
  • DW如何设置背景图片的大小
  • DW软件怎么设置图片布局
  • dw图片滚动效果怎么做
  • DreamWeaver中如何改变字体的颜色
  • 热门搜索
    儿童节手抄报内容大全 劳动节手抄报简单一点 端午节的手抄报怎么画 地球日手抄报的文字 国庆英语手抄报 年月日手抄报 少年中国说手抄报 关于卫生的手抄报 普法手抄报 节约用水的手抄报内容