在設計Web頁面時，合理地控制文本和圖片之間的距離是非常重要的。CSS是實現文本和圖片距離控制的強大工具。本文將介紹CSS如何控制文本和圖片之間的距離。

CSS有多種技術可以控制文本和圖片之間的距離。我們可以使用padding屬性或者margin屬性來實現這一目的。

{
padding: 10px;  // 設置文本和圖片之間的內邊距為10個像素
}

使用padding屬性可以在文本和圖片之間增加一定的內邊距。這樣可以增加頁面的空白，使得頁面更加美觀。我們也可以使用margin屬性來控制文本和圖片之間的距離。

{
margin: 20px;  // 設置文本和圖片之間的外邊距為20個像素
}

使用margin屬性可以在文本和圖片之間增加一定的外邊距。這樣可以增加頁面的空白，使得頁面看起來更加清爽。

除了padding和margin屬性，我們還可以使用line-height屬性來控制文本和圖片之間的距離。line-height屬性用于設置文本行的高度。通過設置line-height屬性，我們可以控制文本的行高。

{
line-height: 2;  // 設置文本行高為2個像素
}

使用line-height屬性可以使得文本的行高恰好為圖片的高度，從而使得圖片和文本之間的距離更加合理。

總的來說，使用CSS可以輕松地控制文本和圖片之間的距離。通過合理的控制，我們可以使得頁面看起來更加美觀、清爽。