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

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

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

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

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

 

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