html中,要让文字浮动到图片的右上部分,该怎么做?

 我来答
幻翼高达Zero
2019-07-05 · TA获得超过1.7万个赞
知道答主
回答量:499
采纳率:0%
帮助的人:8.1万
展开全部

需要准备的材料分别有:电脑、浏览器、html编辑器。

1、首先,打开html编辑器,新建html文件,例如:index.html。

2、在index.html中的<script>标签,输入js代码:

<div style="background: url(small2.png); height: 60px;">

<span style="position: absolute;right: 10px;">123</span>

</div>

3、浏览器运行index.html页面,此时文字成功浮动到了图片右上方了。

匿名用户
推荐于2018-02-24
展开全部
用相对位置;举个例子
<div style="width:100px; hei:100px; position:relative;">
<img src="pico1.jpg" style="width:100px;">

<span style="position:absolute; right:0px; top:0px;">文字</span>

</div>
这样的话文字就会显示在图片的右上角
本回答被提问者和网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
阿嘎洒
2016-09-21 · TA获得超过136个赞
知道小有建树答主
回答量:127
采纳率:66%
帮助的人:40.4万
展开全部
<div style="width:640px;height:480px;background:url('http://img.pconline.com.cn/images/upload/upc/tx/wallpaper/1205/16/c0/11642219_1337167451467.jpg') no-repeat center;text-align:right;">
风轻轻吹过我的脸庞~~~~~~
</div>
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
百度网友d2059b4
2016-09-20 · TA获得超过1416个赞
知道小有建树答主
回答量:513
采纳率:0%
帮助的人:265万
展开全部
给图片设置 vertical-align:top;
追问
可以把代码弄一下给我吗?
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
侯欣彩rD
2016-09-20 · TA获得超过265个赞
知道小有建树答主
回答量:265
采纳率:0%
帮助的人:126万
展开全部
使用绝对定位应该可以解决
追问
可以发代码给我吗
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 1条折叠回答
收起 更多回答(3)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

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

类别

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

说明

0/200

提交
取消

辅 助

模 式