在CSS中，可以使用遮蓋層（overlay）來添加文字，遮蓋層是一種覆蓋在元素上的透明或半透明的層，可以用來顯示一些額外的信息或提示，在CSS中，可以使用position屬性來定位遮蓋層，并使用z-index屬性來控制其堆疊順序。

以下是一個簡單的例子，展示了如何在CSS中添加遮蓋層并添加文字：

HTML代碼：

<div class="container">
  <div class="overlay">
    <p>這是一段添加的文字</p>
  </div>
  <img src="image.jpg" alt="圖片">
</div>

CSS代碼：

.container {
  position: relative;
}
.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  z-index: 1;
}
.overlay p {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

在上面的例子中，我們首先在HTML中創(chuàng)建了一個容器元素，并在其中添加了一個遮蓋層元素，在CSS中，我們設置了容器元素的position屬性為relative，以便我們可以使用position: absolute來定位遮蓋層元素，我們設置了遮蓋層元素的背景顏色為半透明的黑色，并使用z-index屬性將其堆疊在圖片元素之上，我們添加了一段文字到遮蓋層中，并使用transform屬性將其垂直居中。

通過這種方法，我們可以在CSS中添加遮蓋層并添加文字，以豐富我們的網頁內容。