下面是一个示例代码，展示了如何使用背景宽度属性来设置背景图片的宽度：
“`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)来设置背景宽度。在这种情况下，需要将背景宽度的值转换为长度单位，并根据需要进行调整。例如，将背景宽度设置为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像素。这样可以使背景图片更加均匀地铺满整个背景容器。
需要注意的是，背景宽度的设置可能会导致页面元素的宽度变窄，因此在实际应用中，需要根据实际情况进行调整。例如，如果背景图片的宽度较大，则背景容器的宽度应该相应减小，以保证页面元素的正常宽度。