在网页制作过程中，我们通常需要在图片前面添加一些间隔，以便视觉效果更加美观。那么，如何通过CSS来设置图片前面的间隔呢？
下面我们来介绍一下常用的两种方法。
方法一：使用margin属性
我们可以使用CSS中的margin属性来设置图片与其周围内容之间的间距。例如，如果我们想要在一张图片前面添加10px的间隔，可以这样设置：
```
p img {
margin-left: 10px;
}
```
代码解释：上述代码表示在所有p标签中的img元素的左侧添加10px的margin。
方法二：使用padding属性
另一种常用的方法是使用CSS中的padding属性来设置图片周围的内边距。例如，如果我们想要在一张图片前面添加10px的间隔，可以这样设置：
```
p {
padding-left: 10px;
}
```
代码解释：上述代码表示在所有p标签的左侧添加10px的padding。
需要注意的是，使用padding属性来设置图片前面的间隔时，我们需要把图片设置为块级元素。例如：
```
p img {
display: block;
}
```
代码解释：上述代码表示将所有p标签中的img元素设置为块级元素，以便能够使用padding属性来为其添加内边距。
总结：
无论是使用margin属性还是padding属性来设置图片前面的间隔，我们都需要根据具体情况选择不同的方法。同时，我们还需要注意图片的显示方式（行内元素还是块级元素），以便使用适当的CSS属性来为其添加间隔。