CSS圖片消除底部白邊，是一個比較常見的問題。當我們在網站上使用圖片做背景時，會發現圖片底部有些許白邊，影響美觀。下面，我們就來探討如何解決這個問題。

首先，我們需要明確這個白邊的產生原因。其實，這是由于圖片與文本基線對齊所導致的。因為圖片在HTML中也被視為行內元素，其底部與基線對齊。而基線又是由文本的字符生成的，而文本對于不同字體大小，下劃線等需求都有不同的布局，從而導致底邊的白邊。

img{
display:block;/*將img轉換為塊級元素*/
vertical-align:middle;/*將img與基線中線對齊*/
}

為了解決這個問題，我們需要將圖片轉換成塊級元素，并且將其與基線中線對齊。

img{
display:block;/*將img轉換為塊級元素*/
vertical-align:bottom;/*將img與基線底部對齊*/
}

經過以上代碼調整，圖片的底部便不會再出現白邊了。這樣做的好處是不會影響到其他元素的布局，同時也提高了頁面美觀度。