背景寬度(background width)是CSS中用于定義背景圖片寬度的屬性。它的值通常是一個寬度單位(如像素或百分比)，表示背景圖片的寬度。背景寬度的設置可以使頁面的布局更加靈活，同時也可以使頁面更加美觀。

下面是一個示例代碼，展示了如何使用背景寬度屬性來設置背景圖片的寬度：

```html

<style>

.background-container {

width: 200px;

background: url('background.jpg') no-repeat center center fixed;

-webkit-background-size: cover;

-moz-background-size: cover;

-o-background-size: cover;

background-size: cover;

</style>

在這個示例代碼中，`.background-container`元素被設置為寬度為200像素的背景容器。背景圖片被設置為固定寬度，并且使用`no-repeat`屬性將其重復鋪滿整個背景容器。最后，背景圖片使用`cover`屬性設置其寬度為200像素，使得整個背景容器都被覆蓋。

除了使用寬度單位(如像素或百分比)外，還可以使用長度單位(如em或px)來設置背景寬度。在這種情況下，需要將背景寬度的值轉換為長度單位，并根據(jù)需要進行調整。例如，將背景寬度設置為100像素時，將得到以下效果：

```html

<style>

.background-container {

width: 100px;

background: url('background.jpg') no-repeat center center fixed;

-webkit-background-size: cover;

-moz-background-size: cover;

-o-background-size: cover;

background-size: cover;

</style>

在這個示例代碼中，`.background-container`元素的寬度仍然為200像素，但背景圖片的寬度已經被設置為100像素。這樣可以使背景圖片更加均勻地鋪滿整個背景容器。

需要注意的是，背景寬度的設置可能會導致頁面元素的寬度變窄，因此在實際應用中，需要根據(jù)實際情況進行調整。例如，如果背景圖片的寬度較大，則背景容器的寬度應該相應減小，以保證頁面元素的正常寬度。