1、首先，打开html编辑器，新建html文件，例如：index.html。
2、在index.html中的<style>标签中，输入css代码：span {position: absolutetop: 45pxleft: 180px}。
3、浏览器运行index.html页面，此时成功通过css设置了文字在图片上面居中显示。
工具/材料：电脑。
css让文字显示在图片上的操作步骤如下：
1、首先在div里面书写文字，然后放入1张图片。
2、这时应该先给div设置宽度和高度，保证文字有1个范围。
3、然后通过background给div添加1张图片作为它的背景。
4、然后通过url()来连接图片，这个时候url里面放置的就是背景图片的路径。
5、然后放入1张图片用作背景，注意路径正确。
6、最后点击保存，文字就会覆盖在图片上，css让文字显示在图片上的问题就解决了。
用CSS往图片上嵌入文字有二种方法，分别如下：第一种方法、添加一个DIV，采用绝对定位，图片所属DIV为基准。
参考代码如下：
1
2
3
4
5
6
<div style="position:relativewidth:100pxheight:100px">
<img src="" alt="" />
<div style="position:absolutewidth:100pxheight:100pxz-indent:2left:0top:0">
文字
</div>
</div>
第二种方法、图片作为背景图片。
参考代码如下：
1
2
3
<div style="background:url(abc.jpg) no-repeat left top">
文字
</div>
