在CSS中，我們可以使用多種方法來調(diào)整文本與圖片之間的距離，這包括使用margin、padding、border等屬性，下面是一些示例和技巧，幫助你更好地控制文本與圖片之間的距離。

1. 使用margin調(diào)整文本與圖片的距離

HTML代碼：

<div style="margin: 10px;">
  <img src="image.jpg" style="width: 200px; height: 200px;" />
  <p>這是一段文本，它描述了圖片的內(nèi)容。</p>
</div>

CSS代碼：

div {
  margin: 10px; /* 增加了div元素的外邊距 */
}
img {
  width: 200px; /* 限制了圖片的寬度 */
  height: 200px; /* 限制了圖片的高度 */
}

2. 使用padding調(diào)整文本與圖片的距離

HTML代碼：

<div style="padding: 10px;">
  <img src="image.jpg" style="width: 200px; height: 200px;" />
  <p>這是一段文本，它描述了圖片的內(nèi)容。</p>
</div>

CSS代碼：

div {
  padding: 10px; /* 增加了div元素的內(nèi)部距離 */
}
img {
  width: 200px; /* 限制了圖片的寬度 */
  height: 200px; /* 限制了圖片的高度 */
}

3. 使用border調(diào)整文本與圖片的距離

HTML代碼：

<div style="border: 10px solid #000;">
  <img src="image.jpg" style="width: 200px; height: 200px;" />
  <p>這是一段文本，它描述了圖片的內(nèi)容。</p>
</div>

CSS代碼：

div {
  border: 10px solid #000; /* 增加了div元素的邊框?qū)挾?*/
}
img {
  width: 200px; /* 限制了圖片的寬度 */
  height: 200px; /* 限制了圖片的高度 */
}

- 使用margin來增加文本與圖片之間的外部距離。

- 使用padding來增加文本與圖片之間的內(nèi)部距離。

- 使用border來增加文本與圖片之間的邊框?qū)挾取?/p>

通過調(diào)整這些屬性，你可以***地控制文本與圖片之間的距離，希望這些示例對你有幫助！