在網頁制作中，圖片與文字的搭配非常重要，通過合理的設置文字與圖片之間的距離，可以使網頁效果更加美觀和易讀。CSS提供了一些對文字和圖片距離的控制方法。

首先，我們看一下怎樣使文字與圖片之間的距離更小或更大。在CSS中，可以使用margin和padding屬性分別控制元素外邊緣和內邊緣與其周圍元素之間的距離。當我們想要增加或減小文字與圖片之間的距離時，我們需要調整圖片的margin或padding值。

img {
margin: 10px;
padding: 5px;
}

這個例子中，margin和padding屬性分別被設置為10px和5px，這使得圖片與文字之間的距離變得更加緊密。

此外，我們也可以使用line-height屬性來調整文字和圖片的距離。line-height屬性指定元素的行內框盒的高度，它可以影響到文本的垂直布局。通過調整line-height的值，我們可以使文字與圖片之間的距離增加或減小。

p {
line-height: 1.5;
}

在這個例子中，我們將line-height設置為1.5，這使得文字與其周圍元素之間的距離變得更加寬松。

總之，在網頁制作中，合理地設置文字與圖片之間的距離是非常重要的。通過靈活運用CSS的屬性，我們可以使網頁效果更加出眾。