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

CSS中background-position屬性說明

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

如果只指定了一個(gè)值，該值將用于橫坐標(biāo)。縱坐標(biāo)將默認(rèn)為50%。如果指定了兩個(gè)值，第二個(gè)值將用于縱坐標(biāo)。如果設(shè)置值為rightcenter，因?yàn)閞ight作為橫坐標(biāo)值將會(huì)覆蓋center值，所以背景圖片將被居右定位。

對(duì)應(yīng)的腳本特性為background Position。

語(yǔ)法：

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

取值：

length:百分?jǐn)?shù)|由浮點(diǎn)數(shù)字和單位標(biāo)識(shí)符組成的長(zhǎng)度值。
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. 學(xué)習(xí)筆記 剖析CSS縮寫六大規(guī)則
2. CSS樣式表特點(diǎn)及嵌入網(wǎng)頁(yè)的四種途徑
3. 三種方法實(shí)現(xiàn)CSS樣式表插入
4. CSS外邊距設(shè)置屬性margin用法
5. 探究CSS高級(jí)語(yǔ)法中選擇器分組和CSS繼承用法