html中如何将图片放在右上角 5

 我来答
飞喵某
高粉答主

2019-05-24 · 说的都是干货,快来关注
知道答主
回答量:631
采纳率:0%
帮助的人:28.1万
展开全部

1、要想让图片显示在右上角,只需要使用float属性即可达到目的。打开Hbuilder编辑器,在html空白文档里输入基本的结构,这里设置一个外围的div盒子,给一个class命名为container,给外围的div加入css属性,设置好高度宽度和背景颜色:

2、接着在div里引入示例图片,这里给图片的div设置为右浮动,设置图片的宽度和高度,并让图片中心显示,然后按下Crtl+S保存一下:

3、最后需要打开浏览器,就可以看见图片的位置在金色div的右上角了。以上就是在html里将图片放在右上角的流程:

米小小宝
2017-06-15 · TA获得超过489个赞
知道小有建树答主
回答量:113
采纳率:0%
帮助的人:32万
展开全部

定位:相对定位

相对于一个元素的正常位置来对其定位。

定位:绝对定位

使用绝对值来对元素进行定位。

定位:固定定位

相对于浏览器窗口来对元素进行定位。

把里面的标签换成<img>标签试试 有什么问题再问我!

已赞过 已踩过<
你对这个回答的评价是?
评论 收起
我和你2321
2017-06-14 · TA获得超过3844个赞
知道大有可为答主
回答量:4342
采纳率:6%
帮助的人:1341万
展开全部
可以提供个照片给我看看你要的效果吗,图片在右边无非就是float:right,浮动过去显示。还有就是用定位position:absolute;right:0;进行显示。
具体的你给个参考,我可以告诉你实现方法。
希望我的回答可以帮到你,有什么不懂可以追问。
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
WANGWANG碎冰冰
2018-07-09 · TA获得超过115个赞
知道答主
回答量:333
采纳率:0%
帮助的人:33万
展开全部
/*如果图片不随页面滚动,直接给图片写↓↓↓*/
img{
    position:fixed;
    right:0;
    top:0;
}

/*如果图片在某个div内,图放在这个div的右上角*/
.parent-div{
    position:relative;
}
img{
    position:absolute;
    right:0;
    top:0;
}
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
匿名用户
2015-07-21
展开全部
如果在同一文件夹里,直接写照片名就行,不过style='width=105pt;height=130pt‘改成<img src="" width="105px" height="130px" />这样
本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(9)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式