CSS控制背景圖怎么對齊

在CSS中，我們可以使用background-position屬性來控制背景圖片的對齊方式，這個屬性可以接收兩個值，分別代表水平和垂直方向上的對齊位置。

如果我們想要將背景圖片水平居中對齊，可以這樣做：

div {
  background-position: center;
}

如果想要將背景圖片垂直居中對齊，可以這樣做：

div {
  background-position: center center;
}

center關(guān)鍵字表示居中，你也可以使用具體的像素值或者百分比來指定具體的對齊位置。

div {
  background-position: 10px 20px; /* 水平方向上距離左邊10像素，垂直方向上距離上邊20像素 */
}

需要注意的是，background-position屬性僅對背景圖片有效，如果你想要對齊的是其他類型的元素，可能需要使用其他的方法，如果你想要讓背景圖片隨著頁面的滾動而移動，可能需要使用background-attachment屬性來固定背景圖片。