在CSS中，我們可以使用background-image屬性為文字添加背景圖片，以下是一些示例代碼：

示例1：為整個頁面添加背景圖片

body {
  background-image: url('path-to-your-image.jpg');
  background-repeat: no-repeat;
  background-size: cover;
}

示例2：為特定元素添加背景圖片

.element {
  background-image: url('path-to-your-image.jpg');
  background-repeat: no-repeat;
  background-size: cover;
}

示例3：為文字添加背景圖片，并設(shè)置文字位置

.text {
  position: relative;
  z-index: 1;
  background-image: url('path-to-your-image.jpg');
  background-repeat: no-repeat;
  background-size: cover;
}

示例4：為文字添加背景圖片，并設(shè)置文字顏色

.text {
  color: #ffffff; /* 設(shè)置文字顏色 */
  background-image: url('path-to-your-image.jpg');
  background-repeat: no-repeat;
  background-size: cover;
}

示例5：為文字添加背景圖片，并設(shè)置文字透明度

.text {
  opacity: 0.5; /* 設(shè)置文字透明度 */
  background-image: url('path-to-your-image.jpg');
  background-repeat: no-repeat;
  background-size: cover;
}

示例6：為文字添加背景圖片，并設(shè)置文字位置、顏色和透明度

.text {
  position: relative; /* 設(shè)置文字位置 */
  z-index: 1; /* 設(shè)置文字層級 */
  color: #ffffff; /* 設(shè)置文字顏色 */
  opacity: 0.5; /* 設(shè)置文字透明度 */
  background-image: url('path-to-your-image.jpg'); /* 添加背景圖片 */
  background-repeat: no-repeat; /* 不重復背景圖片 */
  background-size: cover; /* 背景圖片覆蓋整個元素 */
}