在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可以调整）。

1、可以使用background-position属性设置图片位置，具体的方法是，首先用hbuilder软件新建一个html文件，文件的head标签中设置输入style标签：

2、然后设置body的样式，给body加一张图片，设置为不重复，设置background-position属性让图片出现在右上方，该属性的前一个参数控制上下的位置，后一个参数控制左右的位置，设置好后，来到浏览器查看效果：

3、此时在浏览器就会看到图片是在浏览器的右上方的：

---