CSS中，我們可以很容易地在圖片上加上文字。這種技巧可以用于制作海報、廣告等。下面是一個實現(xiàn)這種效果的示例：

<div class="container">
<img src="image.jpg">
<div class="text">這是我的圖片標題</div>
</div>
<style>
.container {
position: relative;
}
.text {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: rgba(0, 0, 0, 0.5);
color: #fff;
padding: 10px;
font-size: 16px;
}
</style>

首先，我們需要在一個容器內(nèi)放置圖片和文字。我們使用position: relative;來使容器成為相對位置，以能夠使文字相對于容器調(diào)整位置。因為圖片的位置是靠左上角確定的，因此我們需要使用position: absolute;來讓文字與容器進行定位。

接下來，我們使用top和left屬性將文字放置在圖片中心。通過transform: translate(-50%, -50%);來進行居中對齊，向上向左偏移文字的一半。

此外，我們?yōu)槲谋驹O置了一個半透明黑色背景，以便使文字更加清晰可見。padding屬性用于添加內(nèi)邊距，使文本不會太靠近邊緣。最后，我們使用font-size屬性來調(diào)整文本的字體大小。

這就是如何在CSS中在圖片上添加文字的方法。CSS提供了豐富的樣式，讓我們可以輕松地將圖像與文本組合來制作出各種各樣的效果。希望這篇文章能對你有所幫助。