在網頁設計中，我們經常需要在底部添加一張圖片來使頁面更加生動和美觀。那么，在CSS中，如何實現在底部加圖片呢？
首先，我們需要在HTML中添加一個
標簽，并設置它的position為relative，這樣我們就可以在這個
內部添加底部的圖片了。
下面是一段HTML代碼：
<div class="bottom-img"> <img src="example.jpg" alt="example"> </div>接著，在CSS中，我們需要指定這個
的位置和寬度。我們可以設置它的bottom為0，即在頁面底部，width為100%即占滿整個寬度。
下面是一段CSS代碼：
.bottom-img {
position: relative;
width: 100%;
bottom: 0;
}
.bottom-img img {
width: 100%;
height: auto;
display: block;
}這里，我們也為底部的圖片設置了寬度為100%，高度自適應，display為block使圖片居中顯示。
通過上面的HTML和CSS代碼，我們就可以在網頁底部添加一張圖片了。當然，實際應用中可能還需要對圖片和標簽進行美化和調整。
總之，HTML和CSS是網頁設計中最基礎的兩個技能，同時也是最重要的兩個技能。掌握它們，就可以輕松實現各種網頁效果。