HTML中如何设置插入图像的位置？
我现在在html里插入一张图，代码如下
<img src="ad-02.jpg" width=400px height=200px></img>
现在图片出现在网页的左上角，我现在要自定义图像在网页上的位置要如何设置，代码要这么写，请指教谢谢。
<img src="ad-02.jpg" width="400px"; height="200px"; style="position:absolute; left:100px; top:100px; ">修改left 和top的值。
<html>
<head>
<style type="text/css"> <! 设置图片的属性>
img{
position:absolute; <! 绝对位移>
left:300px;
top:150px;
<! width="1000px"; 这里设置图片宽度，但是并没有成功>
<! height="400px";这里设置图片高度， 但是并没有成功 建议使用下面的方法来调增宽度>
} <! 图像的属性，包括位置，x,y方向的坐标 >
</style>
</head>
<body>
<img src="./fan.jpg" width="800" height="800" /> <! 这里的图片路径我放在网页的当前目录>
</body>
如果想固定字体在网页中的位子可以用如下标签：
<font color="#660000" size="6" style='position:absolute;left:300;top:200'>******</font>
以上红色部分是注释！
温馨提示：内容为网友见解，仅供参考
第1个回答 2020-02-23
在父元素中设置position:relative
子元素中设置position:absolute
接着对图片用left和top设置起位置
反复调试
子元素中设置position:absolute
接着对图片用left和top设置起位置
反复调试
第2个回答 2011-08-02
你需要为你的图片加上一个父元素<DIV></DIV>，在DIV标签里面你可以加上CSS样式，style="float：left（向左浮动）；margin：(XX)px (XX)px (XX)px (XX)px(这4个XX分别控制上、右、下、左的边距)；
第3个回答 推荐于2018-03-12
<img src="ad-02.jpg" width="400px"; height="200px"; style="position:absolute; left:100px; top:100px; ">
修改left 和top的值本回答被提问者和网友采纳
修改left 和top的值本回答被提问者和网友采纳
第4个回答 2018-06-01
如果不是固定的图片，最好不用absolute，这样不利于页面展示，外层最好再包一层，控制外层的位置，图片给100%就可以了，不然自适应很麻烦
相似回答
