CSS給圖片加下邊框是網站設計中常見的一種效果，可以使圖片看起來更突出、更有層次感。下面我們就來介紹一下如何用CSS實現這一效果。 首先，在HTML文檔中插入要添加下邊框的圖片。例如：

<img src="example.jpg">

然后，在CSS文件中為圖片添加樣式。可以用以下代碼來實現：

p img {
	border-bottom: 3px solid #000000;
}

這段代碼意味著選擇所有包含在一個p標簽中的img標簽，并在這些圖片的下方添加一條3像素寬的黑色實線邊框。 如果您希望為不同的圖片添加不同的下邊框，可以為每個圖片添加一個類名并對類名進行樣式設置。例如：

<img src="example.jpg" class="border">

p img.border {
	border-bottom: 3px solid #000000;
}

這樣，帶有“border”類名的所有圖片都會被添加一個下邊框。 總的來說，使用CSS添加圖片下邊框是一種簡單而有效的方法，可以使您網站中的圖片更加醒目。通過按照上述步驟添加下邊框，您可以輕松地增強圖片的視覺效果。