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

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

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

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

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

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

用 style body:

<HTML>

<HEAD>

<style>

body {

width:100%

height:100%

background: url('1.jpg')

background-repeat: no-repeat

background-position: center center

background-attachment: fixed

-webkit-background-size: cover

-moz-background-size: cover

-o-background-size: cover

background-size: cover

}

</style>

</HEAD>

<BODY>

<h1>Hello World!</h1>

<p>Here is a backgound image </p>

</BODY>

</HTML>

第一：这要看你设置背景图片的div 宽高是多少。

第二：图片本身是不是够大。

若div和图片的宽高一样，那么图片会填充整个div.

<div style="background:ur:url(bg_05.jpg) repeatwidth:100%height:768px">我的第一个HTML</div>

repeat：平铺图片

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

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