CSS是一種用來美化網頁的語言，它可以將文字放在圖片上，在網頁上創造出獨特的效果。讓我們來看看如何實現這個功能。

首先，我們需要一個標簽來插入圖片：

<img src="image.jpg" alt="My Image">

接下來，我們可以用CSS將文字放在圖片上，我們需要一個div來容納圖片和文本：

<div class="image-text">
<img src="image.jpg" alt="My Image">
<p>這是我拍攝的一張圖片。</p>
</div>

然后，我們需要為容器添加CSS樣式：

.image-text {
position: relative;
width: 500px;
height: 500px;
}
.image-text img {
display: block;
width: 100%;
height: 100%;
}
.image-text p {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 24px;
color: #ffffff;
}

在上面的代碼中，我們首先將容器設置為相對定位。然后，我們使用絕對定位將文本放在容器的中心。transform屬性用來使文本垂直和水平居中。最后，我們可以添加其他的樣式，比如字體大小和顏色。

現在，我們的圖片和文本已經完成了，你可以將代碼復制到你的網頁上試試看。