本文目錄導(dǎo)讀：

1. 設(shè)置背景圖片
2. 調(diào)整背景圖片的位置
3. 設(shè)置背景圖片的重復(fù)方式
4. 設(shè)置背景圖片的尺寸

CSS背景圖片的使用技巧

在CSS中，我們可以使用背景圖片來美化網(wǎng)頁，增加視覺效果，下面是一些關(guān)于如何使用背景圖片的技巧。

設(shè)置背景圖片

在CSS中，我們可以使用background-image屬性來設(shè)置背景圖片。

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

這會(huì)將image.jpg作為網(wǎng)頁的背景圖片，注意，圖片的路徑需要正確，否則圖片無法顯示。

調(diào)整背景圖片的位置

我們可以使用background-position屬性來調(diào)整背景圖片的位置，將圖片居中顯示：

body {
  background-image: url("image.jpg");
  background-position: center;
}

設(shè)置背景圖片的重復(fù)方式

默認(rèn)情況下，背景圖片會(huì)重復(fù)顯示，我們可以使用background-repeat屬性來控制圖片的重復(fù)方式，設(shè)置圖片不重復(fù)：

body {
  background-image: url("image.jpg");
  background-repeat: no-repeat;
}

設(shè)置背景圖片的尺寸

我們可以使用background-size屬性來控制背景圖片的尺寸，將圖片放大到原來的2倍：

body {
  background-image: url("image.jpg");
  background-size: 200%;
}

這些技巧可以幫助我們更好地使用CSS背景圖片，讓網(wǎng)頁更加美觀和富有吸引力。