在網頁設計中，圖片和文字的搭配非常重要。為了更好的表達內容，我們經常需要在圖片上添加文字說明。這時候，CSS樣式就可以派上用場了，借助CSS樣式，我們可以實現在圖片上添加文字并進行合理的排版。

/* 將圖片設置為背景圖，并設置文字邊距和透明度 */
.container {
background-image: url("image.png");
padding: 20px;
opacity: 0.8;
}
/* 設置文字字體、顏色和對齊方式 */
.text {
font-family: 'Arial';
color: white;
text-align: center;
}
/* 設置文字的位置 */
.bottom-left {
position: absolute;
bottom: 20px;
left: 20px;
}
.top-right {
position: absolute;
top: 20px;
right: 20px;
}

以上就是實現在圖片上添加文字的關鍵CSS樣式。我們首先通過設置圖片的背景圖，然后將文字通過絕對定位(position: absolute)的方式放置在圖片位置。最后，通過設置文字的位置(bottom, left, top, right)和文字樣式實現合理的排版效果。你可以根據實際需求自由地調整CSS樣式。