CSS是網頁開發中常用的樣式表語言，可以用于美化網頁上的文本、背景、邊框和圖片等元素。其中，針對圖片的樣式有很多種，比如圖片的大小、位置和對齊方式等。本文將為大家介紹如何使用CSS實現圖片底部對齊的效果。

.img-bottom {
display: inline-block;
vertical-align: bottom;
}

在CSS中，有兩個屬性可以幫助我們實現圖片底部對齊的效果，分別是display和vertical-align。其中，display屬性用于指定元素的顯示方式，inline-block表示該元素以塊級元素的形式顯示，但是其周圍沒有邊距，而且可以在同一行內顯示多個元素。而vertical-align屬性用于控制元素的垂直對齊方式，設置為bottom表示元素底部對其。

因此，我們可以通過給圖片添加一個class名，然后在CSS中為該class添加樣式，實現圖片底部對齊的效果。具體的代碼如上所示。