这一步很关键，因为我们将在这个容器内进行定位操作。

准备工作做完，现在开始设置图片。

第一步，自然是定义图片的宽度和高度。

具体来说：

• “width”属性控制图片的宽，比如这里我们设为280像素。
• “height”属性控制图片的高，这里设为160像素。

数字可以根据你的实际需求灵活调整。

接下来，就是在网页中插入图片本身的代码了。

注意代码中的“src”属性，它指明了图片文件的存放路径。

在这个例子里，图片是放在网站项目下的“images”文件夹中的。

到了实现“固定位置”的核心步骤：设置“margin-left”属性。

这个属性值决定了图片左边缘距离其容器左侧有多远。

本例中，我们将其设置为300像素，图片就会从容器左侧300像素的地方开始显示。

代码写好后，怎么验证效果呢？

很简单，在页面文件上点击右键，选择“在浏览器中查看”选项。

看，网页在浏览器中打开了。

瞧，之前插入的图片，现在已经稳稳地显示在我们设定好的位置上了。

《夸克》非常好用的免费AI浏览器

下载APP查看