在網頁設計中，經常需要使用背景色或背景圖來美化頁面。當我們需要使用兩個背景框并且要求右對齊時，我們可以利用css中的background屬性和float屬性。

首先，我們需要給兩個背景框的容器設置一個寬度，并設置float屬性為right，這樣容器就會向右浮動，而背景框的內容就會緊貼著容器的右側。接著，我們分別給兩個背景框設置不同的寬度，并分別設置對應的背景色或背景圖。

.container {
width: 500px;
float: right;
}
.background-1 {
width: 300px;
background-color: #ccc;
}
.background-2 {
width: 200px;
background-image: url('bg2.png');
}

在代碼中，我們先設置容器的寬度為500px，float屬性為right。接著，分別定義兩個背景框，其中background-1的寬度為300px，背景色為#ccc，background-2的寬度為200px，背景圖片為bg2.png。這樣，我們就可以實現兩個背景框的右對齊了。