Html5 CSS设置背景图片填充整个页面
* { margin: 0px; padding: 0px; }
html {
height: 100%;
}
body{
background-image: url("../image_file/over_mountain.jpg");
background-position: center;
background-size: cover;
}
上边一点代码，可以更好地使得图片适应网页，尤其是第一段html{height: 100%}，是不可少的。
代码也比较简单，
（1）[ *{margin: 0px; padding: 0px;} ]，其中 * 就是指代CSS中的所有标签，padding是内边距，margin是外边距。
（2）[ ../ ]的意思是返回文件目录的上一级
（3）[ background-position: center; ]，相当于[ background-position: 50% 50%; ]，我看很多代码都是用的后者50% 50%，也不太清楚是什么原因。
* { margin: 0px; padding: 0px; } html { height: 100%; } body{ background-image: url("../image_file/over_mountain.jpg"); background-position: center; background-size: cover; } 上边一点代码，可以更好地使得图片适应网页，尤其是第一段html{height: 100%}，是不可少的。 代码也比较简单， （1）[ *{margin: 0px; padding: 0px;} ]，其中 * 就是指代CSS中的所有标签，padding是内边距，margin是外边距。 （2）[ ../ ]的意思是返回文件目录的上一级 （3）[ background-position: center; ]，相当于[ background-position: 50% 50%; ]，我看很多代码都是用的后者50% 50%，也不太清楚是什么原因。