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

html中,要让文字浮动到图片的右上部分,该怎么做?
最新回答
k好菇凉

2026-02-18 18:24:37

需要准备的材料分别有:电脑、浏览器、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页面,此时文字成功浮动到了图片右上方了。

爱情的模样

2026-06-30 20:22:17

用相对位置;举个例子
<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>
这样的话文字就会显示在图片的右上角
赶花期

2026-01-16 20:50:45

<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>
青柠之恋

2026-08-12 01:10:34

给图片设置 vertical-align:top;
爱情的模样

2026-08-21 08:56:39

使用绝对定位应该可以解决
收起 1条折叠回答