CSS是一種用于設置網頁樣式的語言，常用于美化網頁，增強用戶體驗。其中，CSS中加入背景圖可以為網頁增添豐富的視覺效果。本文將介紹如何使用CSS加入背景圖。

首先，我們需要在CSS中使用background-image屬性來設置背景圖。以下是基本語法：

選擇器 {
background-image: url("圖片路徑");
}

其中，選擇器指定需要添加背景圖的元素，url("圖片路徑")指定背景圖的文件路徑。例如，以下代碼將body元素的背景圖設置為bg.png：

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

如果背景圖不是在CSS文件所在的文件夾中，可以在路徑前加上文件夾名稱。例如，如果背景圖在img文件夾中，可以這樣寫：

body{
background-image: url("img/bg.png");
}

為了使背景圖鋪滿整個元素，常常需要設置背景圖的重復方式。以下是常用的屬性值：

• repeat（默認值）：背景圖在水平和垂直方向上重復
• repeat-x：背景圖在水平方向上重復
• repeat-y：背景圖在垂直方向上重復
• no-repeat：背景圖不重復

這些屬性值可以直接在background-image屬性中設置。例如，以下代碼將背景圖重復到鋪滿整個body：

body{
background-image: url("bg.png");
background-repeat: repeat;
}

為了防止背景圖與其他元素遮擋，可以使用z-index屬性設置元素的層級。z-index值越大，元素越靠上面。例如，以下代碼將一個div元素的層級設置為2：

#myDiv{
background-image: url("bg.png");
background-repeat: no-repeat;
z-index: 2;
}

通過以上幾步設置，你可以在CSS中輕松添加背景圖，為網頁添加更多的視覺效果。