在CSS中，我們可以使用多種方法來調(diào)整圖片的上下的距離，我們可以使用margin屬性來設(shè)置圖片的上下的外邊距，我們可以給圖片添加以下的CSS樣式：

img {
  margin-top: 20px;
  margin-bottom: 30px;
}

在這個例子中，圖片的上邊距設(shè)置為20像素，而下邊距設(shè)置為30像素，這樣，圖片的上下的距離就被調(diào)整了。

我們還可以使用padding屬性來設(shè)置圖片的上下的內(nèi)邊距。

img {
  padding-top: 20px;
  padding-bottom: 30px;
}

在這個例子中，圖片的上內(nèi)邊距設(shè)置為20像素，而下內(nèi)邊距設(shè)置為30像素，這樣，圖片的上下的距離也被調(diào)整了。

需要注意的是，如果圖片是塊級元素，那么我們需要給圖片設(shè)置寬度和高度，否則圖片不會顯示。

img {
  width: 200px;
  height: 200px;
  margin-top: 20px;
  margin-bottom: 30px;
}

在這個例子中，圖片的寬度和高度都設(shè)置為200像素，并且上下的距離也被調(diào)整了。

CSS提供了多種方法來調(diào)整圖片的上下的距離，我們可以根據(jù)具體的需求來選擇使用哪種方法。