CSS是網頁設計中不可缺少的一部分，可以通過CSS添加背景圖片來美化網頁，提高用戶體驗。下面我們來學習一下如何在底層添加背景圖片。

首先要在CSS文件中添加以下代碼：

body {
background-image: url("圖片路徑");
}

其中，圖片路徑可以是本地或網絡上的鏈接，需要注意的是，在使用網絡鏈接的時候，需要使用https協議，不要使用http協議。

如果需要設置背景圖片的位置，可以使用以下代碼：

body {
background-image: url("圖片路徑");
background-position: center; /* 設置背景圖片居中顯示 */
}

還可以設置背景圖片的大小，使用以下代碼：

body {
background-image: url("圖片路徑");
background-size: cover; /* 設置背景圖片鋪滿整個頁面 */
}

如果同時設置了背景圖片的位置和大小，可以使用以下代碼：

body {
background-image: url("圖片路徑");
background-position: center;
background-size: cover;
}

通過以上代碼，我們就可以在底層添加背景圖片，美化網頁，讓用戶更加舒適地瀏覽網頁。