Html5 CSS设置背景图片填充整个页面

2019独角兽企业重金招聘Python工程师标准>>>

* { 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%，也不太清楚是什么原因。

转载于:https://my.oschina.net/AmosWang/blog/725527