怎样让图片在背景图片中定位
1、上传图片。先要构思你想得到什么效果，小图片和大图片的内容要配合好。按照步骤和提示，上传大小两张图片。（注：下面举例图片选自网络）。
2、获取图片地址。点“显示源代码”，进入代码编辑。找到图片地址，复制到“记事本”备用。
3、编辑小图片。
、清空编辑器，将下列代码粘贴：＜P><IMG src=“小图片地址”＞＜／P>。将本文第二步形成的小图片地址，粘贴的这组代码中“小图片地址”那个地方，形成一组新代码。
4、编辑大图片。将本文第三步最后形成的那组新代码，复制到“记事本”备用。
清空编辑器，将下列代码粘贴：
<P align=center>
<TABLE border=0 cellPadding=0 width=589 background=大图片地址align=center height=390><TBODY><TR><TD>
5、将本文第二步形成的大图片地址，粘贴的这组代码中“大图片地址”那个地方，形成一组新代码。综合编辑。
将本文第三步、第四步形成的新代码放到一起，形成新的代码：＜P align=center>
<TABLE border=0 cellPadding=0 width=500 background=http://s1.sinaimg.cn/mw690/0025PfUZzy6Jl8u9ksMa0&690 align=center height=390><TBODY><TR><TD><P><IMG src=http://s3.sinaimg.cn/mw690/0025PfUZzy6Jl74xGhkf2&690”＞＜／P>
（注意：代码中图片的宽高和图片实际宽高要一致）
预览，看看是不是合在一起了。
6、为小图片定位。
MARGIN: 0px 0px 0px 0px是定位代码，改变每个0的数值，就可以改变图片离边的距离。修改好后，就发布吧。要是配上音乐就更好了。
1、首先打开前端开发工具，新建一个html代码页面。
2、在html代码页面上创建一个用于设置背景颜色的div标签，然后给这个标签添加上class = "bg-img"。
3、设置背景图片。创建style标签，然后在标签里面对类为bg-img设置背景图片、图片不重复、宽、高的样式。
4、保存html代码，使用浏览器打开，这个时候会发现浏览器上的背景图片显示在左上角。
5、回到html代码页面，在bg-img类里添加background-position: center的属性。
6、保存html代码后重新刷新浏览器，这个时候会发现浏览器上的背景图片已经自动居中了。
如何用浏览器打开用记事本编写的代码
1、打开电脑，在桌面上点击鼠标右键，在菜单栏内选择“新建”，然后再选择“文本文档”，新建一个“文本文档”；
2、新建“文本文档”后，鼠标右键点击该文本文档，在菜单栏的“打开方式”选择“用记事本打开”，也可以设置默认打开方式为“记事本”；
3、用记事本打开文本文档后，直接在该文档内根据自己的需要输入想要编辑的网页代码；
4、输入完想要编辑的网页代码后，可以直接点击“保存”按钮（也可按下Ctrl+S快捷键保存），或者“另存为”；
5、在电脑桌面找到编辑保存好的文本文档，右键菜单栏内选择“重命名”，把文档末尾的“.txt”格式改成“.html”格式；
6、文档末尾的“.txt”格式改成“.html”格式后，该文本文档图标会变为网页模式；
7、打开变成网页的文本文档，就可以在浏览器中实现用文本去编辑html的功能。