在网页制作中，图片与文字的搭配非常重要，通过合理的设置文字与图片之间的距离，可以使网页效果更加美观和易读。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的属性，我们可以使网页效果更加出众。