鲁达 CSS中的背景定位
属性：background-position；
属性值：left top、left bottom、 right top 、 right bottom 、 center center 、 像素值 、 百分比。
代码如下：
<style> *{ padding: 0px; margin: 0px; } .box{ margin: 100px auto; width: 600px; height: 400px; border: 10px solid red; background-image: url("1.png"); background-repeat: no-repeat; background-size: 300px 200px; } </style> <body> <div class = "box"></div> </body> </html>属性值（1）：left top
设置background-position： left top；背景图片定位在左上角，也是默认值。
属性值（2）：left bottom
设置background-position： left bottom；背景图片定位在左下角。
属性值（3）：right top
设置background-position： right top；背景图片定位在右上角。
属性值（4）：right bottom
设置background-position： right bottom；背景图片定位在右下角。
注意：如果第二个参数没有设置，默认为center。
属性值（5）：center
设置background-position：center；背景图片定位在区域中间。两个参数，第二个参数没有设置的话，将默认为center。
属性值（6）：像素值
设置background-position：“固定的两个像素值（如： 100px 100px）”，背景图片将根据所设置的像素值在指定区域进行定位。
属性值（7）：百分比
设置background-position: “固定的两个百分比（如：20% 20%）”，背景图片将根据所设置的百分比在指定区域进行定位。