如何把HTML文件的背景图片设成全屏?_随笔

步骤一、首先打开需要修改的HTML文件。

步骤二、然后始化样式，将代码添加在<style></style>标签内。

步骤三、添加一个div容器，然后命名为bg-box

步骤四、背景全屏需要容器全屏，将bg-box的样式补全。

步骤五、设置完毕，图片背景以及全屏了。

1、在body设置 <body background="背景图.jpg">，但是图片是平铺。

2、因为background属性不能拉伸图片，只能用个div，把其z-index值设为负，并使这个div大小为整个body大小，在div里用<img>，其中z-index:-1为了让该div在最下层，也就是背景。

示例：

<html>

<head>

body{

margin:0px

padding:0px

}

.d1{

position:absolute

left:0px

top:0px

width:100%

height:100%

z-index:-1

}

</style>

<body>

<h1>这是全屏图片</h1>

<h1>这是全屏图片</h1></center>

</body>

</html>

欢迎分享，转载请注明来源：内存溢出

如何把HTML文件的背景图片设成全屏?