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

* { margin: 0px; padding: 0px; }html { height: 100%;}body{ background-image: url("../image_fil

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