CSS圖片放置在底部
在網頁設計中,經常需要將圖片放置在底部,用CSS來實現這個效果非常簡單。
首先我們需要給圖片設置一個class,如下:
<img class="bottom" src="image.jpg" alt="圖片">
然后在CSS中設置這個class的樣式,使用以下代碼:
img.bottom {
position: absolute;
bottom: 0;
left: 0;
}
將圖片的position設置為absolute,讓圖片脫離文檔流,然后設置bottom為0,將圖片底部與父元素底部對齊,最后設置left為0,將圖片靠左對齊。
以上就是實現CSS圖片放置在底部的方法。