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

发布网友发布时间：2022-04-23 15:48

共3个回答

热心网友时间：2022-05-02 23:05

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

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

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

<TBODY>

<TR>

<TD>

</P></TR></TBODY></TABLE>

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

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

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

热心网友时间：2022-05-03 00:23

可以通过position:absolute进行设置

position：absolute；

left:100px;

top:100px；

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

<html>
<head>
<style type="text/css">
img{
  position:absolute;
  left:100px;
  top:150px;
  }
</style>
</head>
<body>
<img src="a.jpg"/>
</body>

热心网友时间：2022-05-03 01:58

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

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