在網頁設計中，常常需要在文字上添加圖片來增強頁面的視覺效果。這時候，我們可以使用CSS來實現文字上添加圖片的效果。

文字上添加圖片的CSS代碼示例：
p {
position: relative;
padding-left: 20px;
}
p:before {
content: url(圖片地址);
position: absolute;
left: 0;
top: 0;
width: 20px;
}

以上代碼中，我們首先給段落標簽p設置了position屬性為relative，這樣就可以讓p標簽的偽元素:before相對于p標簽定位。然后設置padding-left屬性為20px，這是為了讓文字距離圖片有一定的間距。

接著，我們使用:before偽元素，將圖片作為content的屬性值，從而實現在文字前添加圖片的效果。同時，將:before定位到p標簽的左上角，最后設置圖片的寬度為20px。

需要注意的是，如果使用相對路徑引入圖片，需要保證圖片和HTML文件在同一級目錄下。

通過CSS實現文字上添加圖片，不僅可以提高頁面的視覺效果，還可以減少HTML代碼的冗雜，提高頁面的可讀性。