如何用CSS移動背景

在CSS中，您可以使用background-position屬性來移動背景，這個屬性接受兩個值，分別是水平和垂直方向上的位置，您可以使用關鍵詞top、bottom、left、right或者百分比來指定位置。

如果您想要將背景圖片向右移動50像素，您可以這樣寫：

body {
  background-image: url('your-image.jpg');
  background-position: left 50px;
}

如果您想要將背景圖片向下移動100像素，您可以這樣寫：

body {
  background-image: url('your-image.jpg');
  background-position: top 100px;
}

您也可以使用百分比來移動背景，例如將背景圖片向右移動20%：

body {
  background-image: url('your-image.jpg');
  background-position: left 20%;
}

如果您想要同時水平和垂直移動背景，您可以這樣寫：

body {
  background-image: url('your-image.jpg');
  background-position: left 50px top 100px;
}

background-position屬性只會改變背景的顯示位置，而不會改變?yōu)g覽器窗口中的實際位置，這意味著，如果您滾動頁面，背景圖片也會隨著頁面一起滾動，如果您想要固定背景圖片，您可以使用background-attachment屬性：

body {
  background-image: url('your-image.jpg');
  background-position: left 50px top 100px;
  background-attachment: fixed;
}