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

img {
border: 1px solid black;
}

這樣就可以給圖片添加一個(gè)1像素寬的黑色邊框了。 但是有時(shí)候我們會(huì)發(fā)現(xiàn)，圖片的邊框與圖片之間有一段距離，如下圖所示：這是因?yàn)閳D片默認(rèn)是以inline-block的方式展示的，而inline-block元素之間會(huì)有一定的間距，即空格和換行符。所以要解決這個(gè)問題，我們有兩個(gè)方法。 方法一：去掉標(biāo)簽周圍的空格和換行符

可以改為：

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