在網頁設計中，圖片的運用是非常重要的，它可以達到良好的視覺效果，增強用戶的視覺體驗。而當我們想要將圖片設置在底部時，如何實現呢？這里就可以使用 CSS 來實現。

我們可以使用background-image屬性來設置圖片，并通過background-position屬性來控制圖片出現的位置。下面讓我們來看一段 CSS 代碼實現圖片在底部的效果。

div {
width: 500px;
height: 300px;
background-image: url("image.jpg");
background-position: center bottom;
background-repeat: no-repeat;
}

在上面的代碼中，我們創建了一個div容器，設置了寬度和高度，并通過background-image屬性設置了背景圖片的路徑。接著，我們使用background-position屬性將圖片設置在底部，并使用background-repeat屬性來控制圖片不重復顯示。

通過上述 CSS 代碼，我們就能夠實現圖片在底部的效果了。