在CSS中，背景可以為盒子增添豐富的視覺效果，但有時候背景圖像不足以填滿整個盒子，這時需要使用一些技巧來撐開盒子兩邊。下面介紹兩種常用方法。

第一種方法是使用CSS3中的background-size屬性，將背景圖像的尺寸設置為與盒子相同，從而實現背景圖像撐開盒子兩邊的目的。代碼示例如下：

.box {
background-image: url(bg.jpg);
background-repeat: no-repeat;
background-size: cover;
}

上面的樣式代碼中，background-image屬性用來指定背景圖像的URL，background-repeat屬性用來指定背景圖像的重復方式，no-repeat表示不重復。background-size屬性用來設置背景圖像的尺寸，cover表示等比縮放背景圖像，使其完全覆蓋盒子。

第二種方法是使用CSS3中的伸縮盒子布局，將盒子的display屬性設置為flex，然后通過flex-grow屬性來實現盒子的自適應寬度，最終撐開盒子兩邊。代碼示例如下：

.container {
display: flex;
justify-content: center;
align-items: center;
}
.box {
background-image: url(bg.jpg);
background-repeat: no-repeat;
flex-grow: 1;
}

上面的樣式代碼中，container類是容器類，用來包括box盒子。display:flex表示容器使用伸縮盒子布局，justify-content:center表示沿著主軸居中對齊，align-items:center表示沿著交叉軸居中對齊。box類是需要撐開的盒子，通過flex-grow屬性來設置盒子的自適應寬度，1表示占據剩余空間的比例為1。