CSS是一種常用的樣式語言，它不僅可以美化網頁的布局和排版，還能讓我們在圖片上加上文字，讓圖片更具有表現力。下面我們就來介紹一下CSS怎樣在圖片上加文字的方法。

/* 1. 創建一個帶背景圖片的div */
div {
background-image: url('example.jpg');
width: 400px;
height: 300px;
}
/* 2. 使用絕對定位的方式來放置文字 */
div span {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: white;
font-size: 24px;
font-weight: bold;
}

以上代碼首先創建了一個div，并將其背景圖片設置為example.jpg。接著，使用絕對定位的方式來放置文字，使用transform屬性來將文字定位到圖片中心。

最后，將要顯示的文本放在一個span標簽中，使用CSS設置文字的樣式，如顏色、字號、字重等。

需要注意的是，上述代碼中的文字是寫死的，如果需要動態地在圖片上加文字，則需要結合JavaScript來實現。

總之，CSS在圖片上添加文字是一種非常實用的技巧，它可以讓圖片更加豐富、生動，讓網頁更具表現力。