HTML里如何移动图片位置

1、首先，您需要创建一个html。

2、同时，您需要创建一个CSS文档。

3、CSS文档的后缀名必须为CSS，比如我们创建一个index.css文档。这一点很重要。

4、引入CSS文档。HTML里就可以移动图片位置，方法很简单。

。

1、构思：一张大图片、一张小图片要形成什么意境，要事先构思好。

2、获取图片地址：如果自己上传，完成后点显示源代码，复制图片地址备用。如果是网上现有图片，右击点“属性”，复制图片地址备用。注意记住图片的宽和高。

3、进入编辑：进入自己的网站或博客后台，并使编辑器处于代码编辑状态。贴入代码：

<TABLE width=650 background=大图地址 height=488>

<TBODY>

<TR>

<TD>

<P><IMG style="MARGIN: 0px 0px 300px 300px" src="小图地址">

</P></TR></TBODY></TABLE>

4、修改代码：将第二步中获取的图片地址分别添加到本文第三步相应位置，并修改宽（width）和高（height）。

5、调整小图片位置：这是制作的关键代码：MARGIN: 0px 0px 300px 300px调整上边的值，就可实现定位。

6、修饰：还可对整体进行修饰。例如加边框，会有立体感。加入代码“border=10”即可（10可以调整）。

设置html背景图像位置的方法是在背景图像中添加背景位置属性，然后单击【背景位置： center； 】。

正文 *** 作环境： windows10系统、html 5、thinkpad t480电脑。

如果要在html代码中移动背景图像的位置，可以使用背景位置属性。 很多学生可能还不知道这个属性，下面介绍这个属性。

背景位置属性用于设置背景图像的开始位置。

一般属性值如下： 左顶

左中心

左底

光之最

代码示例：

php中文网(php.cn ) body

{

背景图像： URL (smiley.gif )；

后台- repeat :否- repeat；

后台-附件：固定；

背景定位：中心；

}

注意：此属性在Firefox和Opera中运行，后台附件属性设置为“固定”。

可以将上面的代码本地复制，然后运行以查看效果。

---