CSS中調(diào)整背景圖位置的方法

在CSS中，我們可以使用background-position屬性來調(diào)整背景圖的位置，這個屬性可以接收兩個參數(shù)，分別代表水平和垂直方向上的位置。

如果我們想要將背景圖水平居中，可以設(shè)置為：

body {
  background-position: center;
}

如果想要將背景圖放置在右下角，可以設(shè)置為：

body {
  background-position: right bottom;
}

我們還可以使用具體的像素值或者百分比來***控制背景圖的位置，如果想要將背景圖放置在距離左邊10像素、距離頂部20像素的位置，可以設(shè)置為：

body {
  background-position: 10px 20px;
}

如果想要將背景圖填充整個容器，并且保持圖像的縱橫比不變，可以使用background-size屬性來設(shè)置背景圖的大小，如果想要將背景圖填充整個容器，可以設(shè)置為：

body {
  background-size: cover;
}

如果想要將背景圖重復(fù)顯示，可以使用background-repeat屬性來設(shè)置重復(fù)的方式，如果想要將背景圖沿著水平和垂直方向都重復(fù)顯示，可以設(shè)置為：

body {
  background-repeat: repeat;
}