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

 时间:2024-10-13 14:26:32

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

工具/原料

代码

方法/步骤

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

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

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

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

3、进入编辑。进入自己的网站巡綮碣褂或博客后台,并使编辑器处于代码编辑状态。贴入代码:<TABLEwidth=65扉钛笆哇0background=大图地址height=488><TBODY><TR><TD><P><IMGstyle="MARGIN:0px0px300px300px"src="小图地址"></P></TR></TBODY></TABLE>

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

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

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

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

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

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

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

div+css怎么让图片在最前面显示 css怎么控制li和ul的距离 如何在html中创建一个进度条 怎么用js改变div里面的图片大小 怎样让html中的文字垂直水平居中显示
热门搜索
活着韩国电影 87型雨水斗图片 秋收起义电影 中国汽车标志图片大全 快餐车 电影