在html中如何把图片放到所指定的位置?

2024年12月02日 18:29
有3个网友回答
网友(1):

1、构思:一张大图片、一张小图片要形成什么意境,要事先构思好。

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

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







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

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

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

网友(2):

可以通过position:absolute进行设置

position:absolute;

left:100px;

top:100px;

一般是设置图片的位置用到,表示绝对位置,相对页面来说是固定死的。




img{
  position:absolute;
  left:100px;
  top:150px;
  }




网友(3):

position:absolute; width:??px; height:??px; z-index:??; visibility:hidden; left:??px; top:??px

这个,你自己去设图片定位