怎样让图片在背景图片中定位
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代码后重新刷新浏览器，这个时候会发现浏览器上的背景图片已经自动居中了。
发表评论