在圖片上添加文字CSS樣式，可以通過以下步驟實(shí)現(xiàn)：

1、導(dǎo)入CSS文件

在HTML文件中導(dǎo)入CSS文件，可以使用以下代碼：

<link rel="stylesheet" type="text/css" href="style.css">

2、定義圖片和文字樣式

在CSS文件中定義圖片和文字的樣式，

.image-with-text {
  position: relative;
  width: 300px;
  height: 200px;
  background-image: url('image.jpg');
  background-repeat: no-repeat;
  background-position: center;
}
.image-with-text h1 {
  position: absolute;
  top: 50px;
  left: 50px;
  color: #ffffff;
  font-size: 24px;
}

3、應(yīng)用樣式到圖片和文字上

在HTML文件中應(yīng)用樣式到圖片和文字上，

<div class="image-with-text">
  <h1>這是一段文字</h1>
</div>

通過以上步驟，可以在圖片上添加文字CSS樣式，注意，在定義樣式時(shí)，可以根據(jù)需要調(diào)整圖片的大小、位置、文字的顏色和字體大小等屬性，也可以添加其他HTML元素來豐富頁面的內(nèi)容。