在網頁設計中，我們經常需要將文字放在圖片上，以達到更好的表現效果。在CSS中，我們可以通過幾種方式來實現這個功能。

CSS中最常用的方法是使用background-image屬性來實現。我們可以將要顯示的文字放在一個塊級元素中，然后用background-image屬性來為這個元素添加圖片，并對其進行定位。代碼如下：

.text-on-image {
background-image: url("image.jpg");
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
}
.text-on-image p {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
color: #fff;
font-size: 24px;
}

上面的代碼中，我們首先為包含文字的塊級元素設置了一個圖片背景，并對其進行了定位。然后，我們為內部的段落元素添加了一些樣式，使其居中顯示，并且文字顏色為白色，字體大小為24像素。

除此之外，我們還可以使用position屬性來將文本居中顯示。代碼如下：

.text-on-image p {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
color: #fff;
font-size: 24px;
}

上面的代碼中，我們選擇了要放置文本的塊級元素，并將其設置為相對定位。然后，我們為內部的段落元素設置了絕對定位，并使用了transform屬性來使其居中顯示。

總的來說，使用CSS將文字放在圖片上可以有效地提高網頁設計的視覺效果。我們可以用不同的方式來實現這個功能，并根據實際需求進行選擇。