图片的位置

在做css这部分网页时发现一个问题，

Paste_Image.png

Paste_Image.png

Paste_Image.png

Paste_Image.png

Paste_Image.png

Paste_Image.png

这个时候background-position: center; 放在background-position: top； 下面写，图片就会垂直居中

Paste_Image.png

Paste_Image.png

**background-position: top; 放在background-position: center; 下面写，图片就会在顶部居中；
**

Paste_Image.png

Paste_Image.png

只写个top也会水平顶部居中

Paste_Image.png

Paste_Image.png

只写个center会垂直居中

同理，只写个background-position: bottom; 图片会在底部水平居中，连写的方式不论写成background：ｕｒｌ（）　bottom center ；还是background：ｕｒｌ（）center　bottom　图片都会在底部水平居中。
不连写时，backgroun-position: bottom, 放在background-position： center，上面的话，图片会在盒子内垂直居中。

未完成，还待修改补充。。。