在html里图片和文字同时在同一个div里怎么让图片浮动到图片的上面

在html里图片和文字同时在同一个div里怎么让图片浮动到图片的上面,第1张

具体步骤如下:

1、在同一个div里,先书写一段代码,如下图所示,在这个代码中给dive设置宽度和高度,这时为了让文字有一个具体的范围。

2、找到background,如下图示,在background的后面添加上图片作为这个的背景图案。

3、之后在background后面加上url(),为了连接图片,在url里面写的就是背景图片的路径。

4、可以根据个人喜好放入喜欢的图片,在这里路径一定要写对。

5、这样,保存之后文字就会覆盖在图片的上面了。

首先把图片放在一个div内<Div class="aa"><img scr=""/></div>

其次设置div的样式为怎么浮动即可。上面只要定义aa的css样式float的值就可以了

style="position:absolutetop:0"

或者

style="position:relativetop:-300px"

或者

style="position:fixedtop:50%margin-top: -元素高度的一半pxleft:50%margin-left:-元素宽度的一半px"


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7123866.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-01
下一篇 2023-04-01

发表评论

登录后才能评论

评论列表(0条)

保存