響應式設計在網頁設計中越來越受到重視，而響應式背景也是不可或缺的一部分。在響應式設計中，我們需要使用不同的背景圖像來適應不同的設備和屏幕大小。而CSS 2x可以幫助我們實現這一需求。

/*設置默認背景圖像*/
body{
background: url('bg.png');
}
/*當屏幕寬度小于480像素時，使用不同的背景圖像*/
@media (max-width: 480px){
body{
background-image: url('bg-small.png');
}
}
/*當屏幕寬度大于480像素且小于800像素時，使用不同的背景圖像*/
@media (min-width: 481px) and (max-width: 800px){
body{
background-image: url('bg-medium.png');
}
}
/*當屏幕寬度大于800像素時，使用不同的背景圖像*/
@media (min-width: 801px){
body{
background-image: url('bg-large.png');
}
}

在上述代碼中，我們首先設置了默認背景圖像。然后使用@media查詢來檢測屏幕寬度，并為不同的屏幕寬度設置不同的背景圖像。這樣，當用戶在不同的設備上使用網頁時，網頁的背景圖像就會根據屏幕大小自動適應，讓用戶獲得更好的瀏覽體驗。