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

我們需要?jiǎng)?chuàng)建一個(gè)包含圖片和文字的HTML元素，這個(gè)元素可以是一個(gè)div，其中包含一個(gè)img元素和一個(gè)span或p元素來顯示文字。

<div class="image-with-text">
    <img src="path-to-your-image.jpg" alt="描述圖片的文字">
    <p class="image-text">這是你要添加的文字</p>
</div>

我們可以使用CSS來定位文字，并設(shè)置其樣式，我們可以使用position屬性將文字定位在圖片的上方、下方、左側(cè)或右側(cè)，我們還可以設(shè)置文字的字體、顏色、大小等樣式。

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

在上面的CSS代碼中，我們將文字定位在圖片的上方，并設(shè)置了文字的字體、顏色和大小，你可以根據(jù)自己的需求來調(diào)整這些樣式。

除了使用CSS來添加文字外，我們還可以使用JavaScript來動(dòng)態(tài)地添加文字，我們可以使用document.createElement方法來創(chuàng)建一個(gè)新的p元素，并將其添加到圖片所在的div元素中，我們可以使用document.createTextNode方法來創(chuàng)建一個(gè)新的文本節(jié)點(diǎn)，并將其添加到新創(chuàng)建的p元素中，我們可以使用appendChild方法將新創(chuàng)建的元素添加到文檔中。

var div = document.querySelector('.image-with-text');
var p = document.createElement('p');
var text = document.createTextNode('這是你要添加的文字');
p.appendChild(text);
div.appendChild(p);

在上面的JavaScript代碼中，我們使用了querySelector方法來獲取包含圖片和文字的元素，并使用createElement方法來創(chuàng)建一個(gè)新的p元素，我們使用createTextNode方法來創(chuàng)建一個(gè)新的文本節(jié)點(diǎn)，并將其添加到新創(chuàng)建的p元素中，我們使用appendChild方法將新創(chuàng)建的元素添加到文檔中，你可以根據(jù)自己的需求來調(diào)整這些代碼。