CSS是一种用于网页设计的样式表语言，它可以控制HTML文档中元素的外观和布局。其中，控制图片的位置也是其中的一个功能，下面我们就来具体了解一下。 首先，我们需要在HTML中插入图片，可以使用img标签。如下所示：

<img src="image.jpg" alt="图片">

这个标签可以将图片置于文档中，并且alt属性可以用来提供一个图片的替代文本，以便于视觉障碍用户等。 接下来，我们使用CSS来控制图片的位置。最基本的方式是使用float属性。它可以让图片脱离文本流，并沿着其他元素的周围进行对齐。 下面是一个例子：

p img {
float: left;
}

这段代码表示将p标签内部的所有img标签左浮动。通过这样的方式，图片就会排列在文本的左边，而文本会自动环绕在图片的周围。 除了float属性外，我们还可以使用position属性来对图片进行精确的定位。下面是一个例子：

p img {
position: absolute;
top: 0;
left: 0;
}

这段代码表示让图片绝对定位在p标签的左上角。我们可以通过改变top和left属性的值来控制图片在文档中的具体位置。 需要注意的是，使用position属性会让元素脱离文档流，可能会影响其他元素的位置和布局。因此需要慎重使用。 综上所述，使用CSS来控制图片的位置是十分简单的。通过灵活地运用float和position属性，我们可以达到不同的布局效果。