在CSS中，可以使用多種方法將文字放置在圖片上，以下是一些常見的方法：

1、使用***定位（absolute positioning）：將文字元素設(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;
  width: 100%;
  height: 100%;
  color: #000;
  z-index: 1;
}

2、使用偽元素（pseudo-elements）：使用偽元素如::before或::after在圖片元素內(nèi)部插入文字，這種方法適用于在圖片的背景上添加文字，而不會干擾圖片的其他內(nèi)容。

.image-with-text {
  position: relative;
  width: 300px;
  height: 200px;
}
.image-with-text img {
  width: 100%;
  height: 100%;
}
.image-with-text::after {
  content: "這是一段文字";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #000;
}

3、使用背景圖片（background-image）：將圖片作為背景圖片，并在該圖片上添加文字，這種方法適用于在圖片上添加簡單的文字，而不會破壞圖片的整體布局。

.image-with-text {
  width: 300px;
  height: 200px;
  background-image: url('path-to-your-image.jpg');
  background-size: cover;
}
.image-with-text p {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #000;
}

這些方法可以根據(jù)具體的需求和布局進(jìn)行調(diào)整，希望對你有所幫助！