HTML中如何设置插入图像的位置？
我现在在html里插入一张图，代码如下<imgsrc="ad-02.jpg"width=400pxheight=200px></img>现在图片出现在网页的左上角，我现在...
我现在在html里插入一张图，代码如下
<img src="ad-02.jpg" width=400px height=200px></img>
现在图片出现在网页的左上角，我现在要自定义图像在网页上的位置要如何设置，代码要这么写，请指教谢谢。 展开
<img src="ad-02.jpg" width=400px height=200px></img>
现在图片出现在网页的左上角，我现在要自定义图像在网页上的位置要如何设置，代码要这么写，请指教谢谢。 展开
6个回答
展开全部
<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>
以上红色部分是注释！
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
在父元素中设置position:relative
子元素中设置position:absolute
接着对图片用left和top设置起位置
反复调试
子元素中设置position:absolute
接着对图片用left和top设置起位置
反复调试
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你需要为你的图片加上一个父元素<DIV></DIV>，在DIV标签里面你可以加上CSS样式，style="float：left（向左浮动）；margin：(XX)px (XX)px (XX)px (XX)px(这4个XX分别控制上、右、下、左的边距)；
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<img src="ad-02.jpg" width="400px"; height="200px"; style="position:absolute; left:100px; top:100px; ">
修改left 和top的值
修改left 和top的值
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
如果不是固定的图片，最好不用absolute，这样不利于页面展示，外层最好再包一层，控制外层的位置，图片给100%就可以了，不然自适应很麻烦
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（4）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
|
广告 您可能关注的内容 |
