css中怎么把文字弄图片上

在网页设计中，通常需要在图片上显示文字，这个时候我们可以使用CSS来实现。
首先，我们需要在HTML文档中插入一张图片：

html
<img src="图片路径" alt="图片说明"> 

接下来，我们需要用CSS来把文字放在图片上。CSS中提供了一个background属性，可以把背景设为图片。我们可以在p标签中使用这个属性来让文字显示在图片上：

html
<p style="background-image: url(图片路径)">文字内容</p> 

这样，p标签中的文字就会显示在图片上了。但是，这种方法有一个问题，就是文字很可能会跑到图片的边缘，这就导致了文字与图片之间没有空隙。为了解决这个问题，我们可以使用CSS中的padding和margin属性来控制文字与图片之间的距离。

html
<p style="background-image: url(图片路径); padding: 10px; margin: 10px">文字内容</p> 

接下来，我们考虑如何在代码中使用图片背景。我们可以在pre标签中使用和p标签一样的方法来设置background属性。

html
<pre style="background-image: url(图片路径); padding: 10px; margin: 10px">代码内容

这样，在pre标签中的代码就会在图片上显示了。同样地，我们可以使用padding和margin属性来控制代码与图片之间的距离。需要注意的是，在pre标签中使用background属性是不会影响代码的语法高亮的。
综上所述，使用CSS把文字显示在图片上是很简单的，通过设置p标签和pre标签的background属性以及padding和margin属性，我们可以轻松地实现文字与图片的组合。