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

我們需要創(chuàng)建一個包含圖片和文字的HTML結(jié)構(gòu)，這個結(jié)構(gòu)通常包括一個div元素，其中包含一個img元素來顯示圖片，以及一個span或p元素來添加文字。

<div class="image-with-text">
    <img src="path-to-your-image.jpg" alt="描述圖片的內(nèi)容">
    <p class="image-text">你要添加的文字內(nèi)容</p>
</div>

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

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

在這個例子中，文字將被定位在圖片的中心位置，你可以通過調(diào)整top和left屬性來改變文字的位置，你還可以設置其他樣式屬性，如顏色、字體大小等。

需要注意的是，***定位可能會使元素脫離正常的文檔流，因此在使用時需要謹慎，如果你不確定如何使用***定位，或者需要更靈活的布局方式，可以考慮使用其他方法或庫來在圖片上添加文字。