CSS圖片居底部是網頁設計中的重要技巧之一。如果您想將圖片放在頁面的底部，可以使用CSS來實現。以下是一些簡單的CSS代碼可以幫助您將圖像放置在底部位置。

img {
position: absolute;
bottom: 0;
}

上面的代碼會將圖像的位置從文本流中拆分出來，并將其放置在底部位置。要使圖像位于底部，我們使用CSS中的”absolute”屬性。bottom屬性設置元素的下邊緣與其父容器的下邊緣之間的距離。此外，還可以使用“left”或“right”屬性將圖像放置在頁面的左側或右側。

應該注意的是，使用絕對位置的圖像可以在頁面上移動。如果您想避免這種情況，可以將圖像嵌套在一個帶有 “position: relative”屬性的div中。這將使圖像的位置針對父容器進行定位，而不是針對頁面。

div {
position: relative;
height: 300px;
width: 100%;
}
img {
position: absolute;
bottom: 0;
left: 0;
}

上面的代碼將圖像嵌套在一個div中，并設置div高度為300像素。圖像的位置根據div定位，而不是根據頁面。這使得圖像在頁面上移動時仍然保持在父容器的底部。

總之，在CSS中使用“position”屬性可以讓您將圖像輕松地放置在頁面的底部。但請注意使用帶有“position: relative”屬性的容器時，這將防止圖像在頁面上移動。希望上述技巧能對您的網頁設計有所幫助。