CSS中怎么移動背景
在CSS中，我們可以使用background-position屬性來控制背景圖像的位置。默認值為0 0，即背景圖像定位于左上角。若要移動背景圖像，我們可以設置其值為正數或負數的像素值、百分比，或者預設的方位關鍵字。
例如，以下代碼將背景圖像向右移動20像素：
```
pre{
background-image: url('image.jpg');
background-position: 20px 0;
}
```
如果想要在垂直方向上移動背景圖像，可以改變background-position屬性的第二個值：
```
pre{
background-image: url('image.jpg');
background-position: 0 20px;
}
```
除了像素和百分比，我們還可以使用預設的方位關鍵字來設置背景圖像的位置，包括top、bottom、left、right、center。其中，center表示將背景圖像置于水平和垂直方向的中央。
例如，以下代碼將背景圖像水平和垂直居中：
```
pre{
background-image: url('image.jpg');
background-position: center;
}
```
如果需要同時指定水平和垂直方向的位置，可以將兩個值用空格隔開：
```
pre{
background-image: url('image.jpg');
background-position: center top;
}
```
注意，當使用百分比值時，它們是相對于容器的寬度和高度來計算的。比如，以下代碼將背景圖像向右移動25%的容器寬度：
```
pre{
background-image: url('image.jpg');
background-position: 25% 0;
}
```
在移動背景圖像時，我們可以通過background-repeat屬性來控制圖像的重復方式。如果不想重復背景圖像，在background-repeat屬性中設置值為no-repeat即可。
總之，在CSS中移動背景圖像通常都是使用background-position屬性來控制的。我們只需要設置對應的值即可實現水平或垂直方向上的移動，或是實現復雜的位置布局。
上一篇css中布局屬性
下一篇css中怎么上傳文件