今天我們來講一講CSS圖片與邊框的距離問題。 首先，我們需要了解一下CSS中如何為圖片添加邊框。比如說我們想要給一張圖片添加一個黑色的邊框，可以這么寫：

img {
border: 1px solid black;
}

這樣就可以給圖片添加一個1像素寬的黑色邊框了。 但是有時候我們會發現，圖片的邊框與圖片之間有一段距離，如下圖所示：這是因為圖片默認是以inline-block的方式展示的，而inline-block元素之間會有一定的間距，即空格和換行符。所以要解決這個問題，我們有兩個方法。 方法一：去掉標簽周圍的空格和換行符

可以改為：

這樣就可以去掉邊框與圖片之間的距離了。
方法二：添加負的margin值
img {
display: block;
margin: -5px auto;
border: 1px solid black;
}
這個方法是將圖片以block的方式展示，再通過margin負值來調整邊框與圖片之間的距離。
以上就是關于CSS圖片與邊框距離問題的介紹，希望對大家有所幫助。