多语言展示
当前在线:536今日阅读:154今日分享:43

怎样把网页图片放到指定位置

在网站、博客中插入图片挺容易,但把他放到需要的位置就得研究了。如有一张大图片,想在这张大图片上放置一个小的动态图片,并且放到指定的位置,组成一个新内容的图片。怎么实现呢?
工具/原料

代码

方法/步骤
1

构思。一张大图片、一张小图片要形成什么意境,要事先构思好。举例大图片是蓝天白云,小图片是飞鸟。

2

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

3

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

4

修改代码。将本文第二步备用的两个图片地址分别添加到本文第三步相应位置,并修改宽(width)和高(height)。

5

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

6

修饰。还可对整体进行修饰。例如加边框,会有立体感。加入代码“border=10”即可(10可以调整)。

注意事项

这里是举例,你可以自由发挥,创作出更好的图画、音画。

推荐信息