你對CSS中background-position屬性的使用是否了解，這里和大家分享一下，該屬性定位不受對象的補丁屬性(padding)設置影響。默認值為：0%0%，此時背景圖片將被定位于對象不包括補丁(padding)的內容區(qū)域的左上角。

CSS中background-position屬性說明

設置或檢索對象的背景圖像位置。必須先指定background-image屬性。該屬性定位不受對象的補丁屬性(padding)設置影響。默認值為：0%0%。此時背景圖片將被定位于對象不包括補丁(padding)的內容區(qū)域的左上角。

如果只指定了一個值，該值將用于橫坐標。縱坐標將默認為50%。如果指定了兩個值，第二個值將用于縱坐標。如果設置值為rightcenter，因為right作為橫坐標值將會覆蓋center值，所以背景圖片將被居右定位。

對應的腳本特性為background Position。

語法：

background-position:length||length
background-position:position||position

取值：

length:百分數|由浮點數字和單位標識符組成的長度值。
position:top|center|bottom|left|center|right

background-position--定義背景圖片的位置

取值:

[<percentage>|<length>|left|center|right][<percentage>|<length>|top|center|bottom]]
*水平
left:左
center:中
right:右
*垂直
top:上
center:中
bottom:下
*垂直與水平的組合
x-%y-%
x-posy-pos

初始值:0%0%
繼承性:否
適用于:所有元素

background:背景.position:位置.

詳文參考：http://www.mypchelp.cn/it/20100129/webdesign_152472.shtml

【編輯推薦】

1. 學習筆記 剖析CSS縮寫六大規(guī)則
2. CSS樣式表特點及嵌入網頁的四種途徑
3. 三種方法實現CSS樣式表插入
4. CSS外邊距設置屬性margin用法
5. 探究CSS高級語法中選擇器分組和CSS繼承用法