在 CSS 中，我們經常需要調整圖片與文字之間的間隔。調整間隔的主要目的是為了營造更好的視覺效果，使得圖片與周圍的文字能夠更好的融合在一起。 要調整圖片的上下間隔，我們可以使用 CSS 中的 margin 屬性。margin 的作用是控制元素與周圍的間隔，包括外邊距和內邊距。我們可以使用以下的 CSS 樣式來控制圖片的上下間隔： ``` img { margin-top: 10px; // 設置圖片上邊界的外邊距為 10px margin-bottom: 10px; // 設置圖片下邊界的外邊距為 10px } ``` 在上面的代碼中，我們通過設置 margin-top 和 margin-bottom 屬性來控制圖片的上下間隔。注意，我們設置的是圖片邊界的外邊距，而不是內邊距。如果我們想要控制圖片與周圍文本的間距，則需要設置圖片的內邊距。 例如，如果我們想要將圖片與周圍的文本之間的距離設置為 20px，可以使用以下的 CSS 樣式： ``` img { padding-top: 10px; // 設置圖片上邊界的內邊距為 10px padding-bottom: 10px; // 設置圖片下邊界的內邊距為 10px } ``` 以上就是關于調整圖片上下間隔的 CSS 樣式的簡單介紹。通過使用 margin 或 padding 屬性，我們可以輕松地調整圖片與周圍文本之間的間隔，從而營造出更好的視覺效果。