h5如何让图片位于文字上方

h5如何让图片位于文字上方,第1张

对于h5如何让图片位于文字上方,可以使用CSS设置定位属性,将图片放在文字上方。具体步骤为:1、为要摆放的图片和文字分别设置绝对定位;2、对图片使用top和left定位,并设置z-index属性,使它优先显示;3、将文字使用bottom和left定位,使它在图片的下方显示。

1、使用css中的flaot属性就可以了,首先打开Dreamweaver,创建html文件:

2、然后先给页面设置背景颜色,创建段落两个段落,段落上面设置2张图片的float属性,分别让它们左右浮动,值为left和right,最后打开浏览器:

3、打开浏览器后即可看到效果,两张图片分别浮动在文本的左右两边,文字则是围绕在图片周围.。以上就是在html中让图片浮动的方法:


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

原文地址: https://outofmemory.cn/zaji/8361804.html

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

发表评论

登录后才能评论

评论列表(0条)

保存