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

我們需要在HTML中創(chuàng)建一個(gè)包含圖片和文字的容器，可以使用div元素來創(chuàng)建這個(gè)容器，并將圖片和文字分別作為其子元素。

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

我們可以使用CSS來設(shè)置容器的樣式，確保文字能夠顯示在圖片的上方或下方，以下是一個(gè)示例樣式表：

.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: 50px;
  line-height: 50px;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.5);
}

在這個(gè)樣式表中，我們?cè)O(shè)置了容器image-with-text的寬度和高度，并使其相對(duì)定位，圖片img的寬度和高度設(shè)置為100%，使其填充整個(gè)容器，文字p使用***定位，并設(shè)置其位置、寬度、高度和背景顏色。

通過這種方法，我們可以在圖片中添加文字，并確保文字始終顯示在圖片的上方或下方，無論圖片的尺寸如何變化。