在Web頁面中，很多時候我們需要給元素添加背景圖，以達到更好的視覺效果。有時候我們需要讓背景圖對齊底部，這時候就需要使用一些CSS技巧來實現了。 首先，我們可以使用background-position屬性來指定背景圖的位置。默認情況下，背景圖是從元素的左上角開始渲染的。我們可以使用以下的CSS代碼將背景圖對齊底部：

.element {
background-position: center bottom;
}

上面的代碼將背景圖的水平方向位置設置為元素中心，垂直方向位置設置為底部。這樣，背景圖就會對齊底部了。 如果我們需要讓背景圖與元素的底部保持一定的間距，可以使用background-origin和padding-bottom屬性來實現。例如，以下的代碼將會讓背景圖與元素底部保持10像素的間距：

.element {
background-origin: padding-box;
padding-bottom: 10px;
background-position: center bottom;
}

上面的代碼將背景圖的原點設置為元素的padding區域，然后在底部添加10像素的padding。這樣，背景圖就與元素底部保持了10像素的距離。 需要注意的是，當我們使用background-position這樣的屬性時，會影響到背景圖的重復方式。例如，如果我們將背景圖對齊底部，那么在元素高度超過背景圖高度時，背景圖將不會重復。

.element {
background-image: url('background.png');
background-repeat: no-repeat;
background-position: center bottom;
}

上面的代碼將背景圖設置為不重復，并且對齊底部。當元素高度超過背景圖高度時，背景圖不會重復，而是在底部居中顯示。 總之，使用CSS讓背景圖對齊底部并不復雜，只需要設置好background-position和background-origin等屬性即可。如果需要讓背景圖與元素底部保持一定的間距，我們還可以使用padding-bottom屬性。