在CSS中，我們可以使用多種方法將文字添加到圖片上，以下是一種常見的方法：

我們需要創(chuàng)建一個包含圖片和文字的HTML結(jié)構(gòu)，圖片可以作為一個<img>元素，而文字則可以通過一個<span>或<div>元素來包含。

<div class="image-with-text">
    <img src="path-to-your-image.jpg" alt="Image Description">
    <span class="text-on-image">Your Text Here</span>
</div>

在CSS中，我們可以使用***定位（absolute positioning）來將文字放置在圖片上的特定位置。

.image-with-text {
    position: relative;
    width: 300px;
    height: 200px;
}
.image-with-text img {
    width: 100%;
    height: 100%;
}
.image-with-text span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    font-size: 24px;
}

在這個例子中，文字被定位在圖片的中心位置，你可以根據(jù)需要調(diào)整top和left屬性來移動文字，或者使用其他CSS屬性來樣式化文字。

這種方法假設(shè)圖片和文字的尺寸都相對較大，如果圖片或文字尺寸較小，可能需要使用不同的方法，如果你需要支持舊版本的瀏覽器，可能需要使用其他方法來實現(xiàn)相同的效果。