CSS如何控制背景圖片的位置

背景圖片的位置往往要精確定位，設定要精確到每一畫素，下面就介紹一下如何使用background-position屬性控制北京圖片的位置。，希望能夠對需要的朋友帶來一定的幫助。

先看一下background-position屬性的語法結構:

[CSS] 純文字檢視 複製程式碼
background-position : length || position

在上面的語法結構中可以看到，屬性值有兩種形式的:

length形式: 就是以百分比或者固定數值方式。

position形式:就是top、center 、 bottom 、left 、center 和right這種固定的幾個值。

如果提供兩個，第一個用於橫座標，第二個用於縱座標。

如果只提供一個，該值將用於橫座標；縱座標將預設為50%。

例如:

[CSS] 純文字檢視 複製程式碼
background-position:center bottom;

以上程式碼是將背景圖片水平居中，垂直靠低對齊。

[CSS] 純文字檢視 複製程式碼
background-position:center;

上面的程式碼中，只有一個屬性值，那麼這個屬性值用於水平方位，那麼垂直方位預設值就是50%。

以上只是簡單的介紹，建議參閱以下兩篇文章。

相關閱讀:

background-position屬性可以參閱CSS background-position一章節。