1、基礎語(yǔ)法
background-position:5px（水平左中右） 16px（垂直上下）
Div{background-position:5px 16px}
代表圖片作為對象背景時(shí)在對象內距離左側5px和距離上邊16px開(kāi)始顯示背景圖片。

2、background-position的屬性值介紹
background-position后可跟2個(gè)值，2個(gè)值用空格間隔開(kāi)，第一個(gè)值，固定代表水平方向（橫向）左、中、右距離，第二個(gè)值，固定代表垂直上、下距離。

3、background-position第一個(gè)值可根值
1)、具體數字+單位，如（可為正整數值 如10px，也可為負整數值 -10px 整數+單位）
2)、百分比，如（10%）
3)、left(背景圖片靠對象左側開(kāi)始顯示)
4)、center(圖片作為對象背景水平居中顯示)
5)、right(背景圖片靠對象右側開(kāi)始顯示)

4、background-position第二個(gè)值可根值
1)、具體數字+單位，如（可為正整數值 如10px，也可為負整數值 -10px 整數+單位）
2)、百分比，如（10%）
3)、top(背景圖片靠對象緊貼頂部開(kāi)始顯示)
4)、bottom(背景圖片靠對象緊貼底部開(kāi)始顯示)

博路網(wǎng)絡(luò )給background-position背景作定位分析圖:

 

background-position是用于定位圖片作為背景時(shí)，顯示在對象位置，其值有2個(gè)，兩個(gè)值分別代表意義不同，前者值是水平方向定位，后者值是垂直豎向定位。其兩者都可以為正，可以為負，也可以使用固定幾個(gè)英文單詞（left、right、center、top、bottom）進(jìn)行定位背景圖片。