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

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

background-position屬性值：

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

?

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

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

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。