CSS圖片背景設(shè)置

在CSS中，我們可以使用background-image屬性來設(shè)置圖片作為背景，如果想要將圖片布滿整個(gè)背景，可以通過調(diào)整background-size屬性來實(shí)現(xiàn)。

我們需要將background-image屬性設(shè)置為需要顯示的圖片路徑。

body {
  background-image: url('image.jpg');
}

我們可以使用background-size屬性來調(diào)整圖片的大小，該屬性接受兩個(gè)值，***個(gè)值表示圖片的寬度，第二個(gè)值表示圖片的高度，如果想要讓圖片充滿整個(gè)背景，可以將兩個(gè)值都設(shè)置為cover，這樣圖片就會(huì)根據(jù)容器的尺寸進(jìn)行縮放，直到完全覆蓋整個(gè)背景區(qū)域。

body {
  background-image: url('image.jpg');
  background-size: cover;
}

我們還可以使用background-position屬性來調(diào)整圖片在背景中的位置，該屬性接受兩個(gè)值，***個(gè)值表示水平方向上的位置，第二個(gè)值表示垂直方向上的位置，如果想要讓圖片出現(xiàn)在背景的中心位置，可以將兩個(gè)值都設(shè)置為center。

body {
  background-image: url('image.jpg');
  background-size: cover;
  background-position: center;
}

通過以上設(shè)置，我們就可以將圖片布滿整個(gè)背景，并且讓圖片出現(xiàn)在背景的中心位置。