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

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

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

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

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

 

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