CSS是網頁設計中不可或缺的一部分。 背景色是CSS中最基礎的樣式之一，可以讓網頁變得更加生動有趣。 在CSS中，設置背景顏色的方法非常簡單，使用background-color屬性即可。除了顏色，還可以設置背景圖像、背景重復方式等等。 但是有時候需要對背景色進行一定的調整，比如設定它的寬度，下面就介紹一下如何實現。

<style>
body {
background-color: #f5f5f5;
}
.container {
width: 80%;
margin: 0 auto;
background-color: #fff;
padding: 50px;
box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}
.content-box {
height: 300px;
background-color: #bbb;
width: 60%;
margin: 0 auto;
text-align: center;
font-size: 20px;
line-height: 300px;
}
</style>

如上述的代碼中，背景色的寬度可以通過選擇器來進行調整。在本例中，.content-box被設置為60%的寬度，也即是只有60%的區域被著色。這樣讓頁面看起來更有層次感，而且不會顯得太亂。如果將其全部覆蓋，頁面的可讀性反而會受到影響。

需要注意的是，在設置背景色的寬度時，可以使用百分比或像素值。如上例，使用百分比可以讓網頁更具靈活性。但是需要注意的是，當屏幕尺寸較小時，這樣設置可能會讓文字等內容過于密集，不太美觀。因此，網頁設計師需要根據實際需要，靈活地使用這個屬性。