CSS 背景寬度百分百是網頁設計中經常用到的技巧之一。可以幫助我們實現一些高級的設計效果，比如充滿整個屏幕的背景圖片、平鋪整個頁面的背景色等等。下面就讓我們一起來了解一下如何使用 CSS 實現背景寬度百分百。

首先，我們需要了解 CSS 中背景屬性的基本用法。在 CSS 中，我們可以通過 background 屬性來設置元素的背景。background 屬性包括多個不同的子屬性，比如 background-color、background-image、background-repeat 等等。

background: #ffffff url(background.jpg) no-repeat center center;

上面的代碼中，我們設置了一個白色背景，并且使用了一個背景圖片（background.jpg），并讓其在居中不重復。

接下來，我們來看一下如何實現背景寬度百分百。在 CSS 中，我們可以使用 background-size 屬性來控制背景圖片的大小。默認情況下，background-size 屬性的值為 auto，表示背景圖片大小與元素大小相同。

background-size: 100%;

上面的代碼中，我們將背景圖片的大小設置為 100%。這樣就可以讓背景圖片充滿整個元素。如果需要平鋪整個頁面，我們可以將 background-size 屬性的值設置為 cover：

background-size: cover;

這樣就可以讓背景圖片完全覆蓋整個元素。需要注意的是，使用 background-size 屬性時，需要保證背景圖片的寬高比和元素的寬高比一致，否則就會出現拉伸或壓縮的效果。

同時，我們還可以使用 background-position 屬性來控制背景圖片的位置。比如，我們可以將背景圖片的位置設置為中心：

background-position: center center;

當然，還有很多其他的用法和技巧，比如使用 background-attachment 屬性固定背景圖片、使用 linear-gradient() 函數創建漸變背景等等。希望本文對你理解 CSS 背景寬度百分百有所幫助。