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

作者:国际小甜 | 创建时间: 2023-08-07
在网站、博客中插入图片挺容易,但把他放到需要的位置就得研究了。如有一张大图片,想在这张大图片上放置一个小的动态图片,并且放到指定的位置,组成一个新内容的图片。怎么实现呢?...
怎样把网页图片放到指定位置

操作方法

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

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

进入编辑。 进入自己的网站或博客后台,并使编辑器处于代码编辑状态。 贴入代码: <TABLE width=650 background=大图地址 height=488> <TBODY> <TR> <TD> <P><IMG style="MARGIN: 0px 0px 300px 300px" src="小图地址"> </P></TR></TBODY></TABLE>

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

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

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

温馨提示

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

更多推荐