background-position ：在 CSS 中通過 background-position 屬性可以調(diào)整背景圖片的位置。因為在默認情況下背景圖片都是從設(shè)置了 background-position 屬性的標(biāo)記（例如 body 標(biāo)記）在左上角開始出現(xiàn)的，但實際制作時設(shè)計者往往希望背景圖片出現(xiàn)在指定的位置

background-position：在CSS中通過background-position屬性可以調(diào)整背景圖片的位置。因為在默認情況下背景圖片都是從設(shè)置了background-position屬性的標(biāo)記（例如body標(biāo)記）在左上角開始出現(xiàn)的，但實際制作時設(shè)計者往往希望背景圖片出現(xiàn)在指定的位置。

background-position屬性值：

屬性值
?效果
?
百分比
?如：background-position:30% 70%
?
top
?頂部
?
left
?左邊
?
right
?右邊
?
bottom
?底部
?
center
?居中
?
Bottom right
?右下方
?

?

通過代碼“background-position:30% 70%”的設(shè)置，使得背景圖片的中心點在水平方向上處于30%的位置，在豎直方向上則位于70%的位置。

上面提到的“Bottom right”外，background-position的值還可以設(shè)置為top left、top center、top right、center left、center right、bottom left和bottom center等
?
本文轉(zhuǎn)自【66CSS教程網(wǎng)】：(http://www.66css.com/)[原文地址]：file:///E:/Meterial/Everyday/Articles/background-position—CSS設(shè)置背景圖片的位置_CSS_CSS教程_CSS+DIV教程_DIV+CSS視頻教程-66CSS教程網(wǎng).mht

總結(jié)

以上是生活随笔為你收集整理的background-position—CSS设置背景图片的位置的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。