CSS是一种可以控制网页样式的语言，它可以帮助我们在图片上添加文字、调整字体大小、颜色等等。下面我们就来介绍一些如何在CSS中给图片添加文字的方法。

//HTML代码
<div class="img">
<img src="example.jpg" alt="example">
<div class="text">这里是图片上的文字</div>
</div>
// CSS代码
.img {
position: relative;
}
.text {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background-color: rgba(0, 0, 0, 0.5);
color: white;
padding: 10px;
text-align: center;
font-size: 24px;
}

首先，在HTML中我们需要添加一个盒子来包裹图片和文字，这里我们使用了一个div元素，并给它添加了一个.img的类名。接着，在该盒子中添加一个img元素来插入我们想要添加文字的图片，并给图片添加一个alt属性。

接下来，在CSS中，我们给该.img类名设置了一个position: relative属性，目的是使得图片和文字都以.img为基础来定位。然后，我们给文字设置了一个绝对定位，使得它可以在图片上方显示出来。为了让文字和图片更加协调，我们还给文字盒子设置了一个底部对齐，并将文字框颜色设置为黑色半透明的背景，以及白色的字体颜色和字体大小。

这样，我们就可以在CSS中很轻松地添加文字到图片上了。如果想要美化更加个性化的效果，还可以不断调整盒子的大小、颜色、字体等属性值，让图片上的文字更加美观、引人注目。