在網頁設計中，背景圖片起著非常重要的作用。它不僅可以增加網頁的美觀程度，還可以幫助網頁傳遞信息。在CSS中，我們可以通過"background-image"屬性來為元素添加背景圖片。 我們可以將一張圖片以文件的形式保存在本地，然后在CSS中使用相應的路徑來引用它。下面是一個例子：

p {
background-image: url("images/background.jpg");
}

上述代碼為所有的"p"元素添加了一張名為"background.jpg"的背景圖片。需要注意的是，路徑的書寫方式要符合當前文件所在的位置。如果圖片文件和CSS文件在同一目錄下，則直接寫文件名即可。如果圖片文件和CSS文件在不同的目錄下，則需要寫圖片文件相對于CSS文件的路徑。 另外，我們還可以使用"background-repeat"屬性來控制圖片在元素中的重復方式。默認情況下背景圖片會平鋪到整個元素中，如果只需要圖片出現一次則可以使用"no-repeat"屬性值。例如：

p {
background-image: url("images/background.jpg");
background-repeat: no-repeat;
}

最后，如果需要改變圖片的位置，我們可以使用"background-position"屬性。該屬性值有兩個參數，第一個為水平方向的位置，第二個為垂直方向的位置。例如：

p {
background-image: url("images/background.jpg");
background-repeat: no-repeat;
background-position: center top;
}

上述代碼將圖片沿著水平方向居中，垂直方向向上對齊。這只是一種用法，可以根據自己的需求進行調整。 總的來說，CSS背景圖片是非常有用的元素，可以為網頁添加美觀和信息傳遞的功能。通過使用"background-image"、"background-repeat"和"background-position"等屬性，我們可以輕松地實現自己想要的效果。