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

html-css012

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

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

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

2、在index.html中的<style>标签中，输入css代码：span {position: absolutetop: 45pxleft: 180px}。

3、浏览器运行index.html页面，此时成功通过css设置了文字在图片上面居中显示。