CSS 是網頁開發中不可或缺的元素，它可以為網頁增添美觀的效果。其中，背景圖的應用是十分廣泛的，可以增加頁面的視覺吸引力。在設置背景圖時，有一種常見的需求就是將背景圖設置為 100%，以充分利用網頁的空間。下面就來介紹一下如何通過 CSS 設置背景圖 100%。

//html
//CSS
.bg {
background-image: url('your-image-url.jpg');
background-repeat: no-repeat;
background-size: 100% auto;
}

在代碼中，我們使用了 background-image 來引入背景圖，通過 background-repeat 來設置背景圖不重復，最關鍵的是通過 background-size 屬性將背景圖的大小設置為 100% 和 auto。其中，auto 表示根據原始圖片大小自適應高度。

需要注意的是，如果使用背景圖做為網頁的主要內容，當內容大于圖片時，應當使用滾動條進行滾動，否則會影響用戶體驗。