css 定位图片背景,将背景图片置于最底层

小记：学习web也有几个月了，从一周一门语言一周完成工作室的一个任务开始，其实感觉自己学了挺多东西的，可是现在来做暑期答辩的时候却发现很多东西长时间不用，学了就忘了，所以我决定开始写博客啦，仅仅就是记录一下我的学习过程。

关于背景图片的位置以及大小调整我做了以下几点总结：

1. 背景图片的插入：在css中直接用body{background(-imag): url( ) }进行插入即可，同时要注意在css中p body h 等元素都是直接接括号。
2. 一些常用属性：

图像在水平方向上平铺：background-repeat：repeat-x；

图像不平铺：background-repeat：no-repeat；

图像大小：background-size ：100px(宽） 100px(高)；

                                              ：cover (图片完全覆盖背景区域)；

                                              ：25%(背景图片重复4张)；

                                               ：50%（宽占一半） 100%（高占满背景图片框架）；

图像位置：background-position ：center/right center；

                                                   ：50%(水平位置）  50% (垂直位置）；左上角为0% 0%，右下角为100% 100%；

                                                   ：10px(水平方向像素) 20px(竖直方向像素);

                                                    ：inherit(继承父元素的位置)；

 

---

接下来说一下将背景图片置于最低层，再加上透明度做出比较好看的效果：

首先写一个盒子：box{

                          position: fixed;
                                     top: 0;
                                     bottom: 0;
                                     left: 0;
                                     right: 0;
                                     margin: auto;
                                     z-index: -10000;

              }

这样设置就可以达到背景图片置于底层的效果了，加上一些透明度做出来的网页特别好看！！！