怎样让图片在背景图片中定位

2024-01-15 00:30:10 浏览

1、上传图片。先要构思你想得到什么效果,小图片和大图片的内容要配合好。按照步骤和提示,上传大小两张图片。(注:下面举例图片选自网络)。

怎样让图片在背景图片中定位

、清空编辑器,将下列代码粘贴:<P>。将本文第二步形成的小图片地址,粘贴的这组代码中“小图片地址”那个地方,形成一组新代码。

(注意:代码中图片的宽高和图片实际宽高要一致)

预览,看看是不是合在一起了。

MARGIN: 0px 0px 0px 0px是定位代码,改变每个0的数值,就可以改变图片离边的距离。修改好后,就发布吧。要是配上音乐就更好了。

1、首先打开前端开发工具,新建一个html代码页面。

4、保存html代码,使用浏览器打开,这个时候会发现浏览器上的背景图片显示在左上角。

5、回到html代码页面,在bg-img类里添加background-position: center的属性。

6、保存html代码后重新刷新浏览器,这个时候会发现浏览器上的背景图片已经自动居中了。

本文版权声明本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,请联系本站客服,一经查实,本站将立刻删除。

热门推荐