怎样将div叠加

将div叠加的 *** 作方法和步骤如下：

1、首先，打开vscode并创建一个html页面，如下图所示。

2、其次，完成上述步骤后，在测试页的同一目录中添加演示图片，如下图所示。

3、接着，完成上述步骤后，在测试页上添加div标签，在标签内添加img图片标签，然后设置图片的src地址，如下图所示。

4、然后，完成上述步骤后，在div的标签中，直接编写css样式，将div的宽度设置为500像素，将高度设置为300像素，并将边框设置为1像素的红色框。再次在浏览器中将其打开，可以看到图片，但不会填充整个div的空间，如下图所示。

5、随后，完成上述步骤后，如果要使图片充满整个div，则只需将图片的高度和宽度设置为100％。为了演示起见，将所有img标签设置为100％，并使用外部CSS书写形式，如下图所示。

6、接着，完成上述步骤后，如果图像使用背景图像而不是img标签的形式，则图像将默认在x和y轴上重复，并且不会拉伸，并最终仍然填充该div的空间，如下图所示。

7、最后，完成上述步骤后，如果要拉伸背景图像以填充整个div空间，则需要设置背景图像，background-size：100％ 100％，如下图所示。这样，问题就解决了。

1.双击打开软件

2.新建文件（Ctrl+n）

3.保存（Ctrl+s）.保存为.html文件

4.Ctrl+加号键，Ctrl+减号键可以放大缩小视图

5.快速生成页面骨架结构

6.利用插件在浏览器中预览页面：**单击鼠标右键，在d出出口点击“Open In Default Browser”。

7.插件

---