dreamweaver如何将一张图片放在另一张上面

 时间:2024-10-21 04:13:24

dream嘛术铹砾weaver如何将一张图片放在另一张上面,这是很多新手的问题,下面小编就来介绍一下dreamweaver如何将一张图片放在另一张上面。

工具/原料

DreamweaverCS6

图片

方法/步骤

1、首先新建一个html空白文档,小编这里用的是html5,DreamweaverCS6演示。

dreamweaver如何将一张图片放在另一张上面

2、第一种方法是利用背景和图片的方法。首先建一个div,设置宽高。

dreamweaver如何将一张图片放在另一张上面

dreamweaver如何将一张图片放在另一张上面

3、然后给div设置一个背景图片,再在div上写上另一个图片,用img标签。

dreamweaver如何将一张图片放在另一张上面

4、百度logo是img标签引入的,下面的图片是作为背景插入的。

dreamweaver如何将一张图片放在另一张上面

5、还有一种方法是利用堀既叼拶绝对定位的方法。我们把div设置为position:relative;也就是相对定位,图片设置为绝对定位。

dreamweaver如何将一张图片放在另一张上面

6、如果想要设置一下图片的层级关系,那么可以用z-index属性,值越大就越往上。

dreamweaver如何将一张图片放在另一张上面

DW设置背景图片的操作方法 Dreamweaver中如何设置表格边框颜色 DW如何设置背景图片的大小 在DW中如何将设置表格居中 Dreamweaver如何插入背景图片
热门搜索
感恩老师手抄报图片 海贼王图片娜美 911事件图片 室内花卉图片及名称 歼10战斗机图片