CSS中的文字圖片是指把文字作為圖片的背景或者使用CSS編碼的圖片。文字圖片在網站設計中可以增添頁面的設計感和美感，也可以解決一些圖片無法加載或者不易編輯的問題。

在CSS中，可以使用background-image屬性將文字作為圖片的背景，如下所示：

.text-image{
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Ctext x='0' y='50'%3EHELLO%3C/text%3E%3C/svg%3E");
width: 100px;
height: 100px;
}

其中，url()中使用了data URI編碼，將SVG格式的文本轉化為圖片。這樣就可以在不使用圖片文件的情況下使用HELLO這個文本作為圖片。

除了將文字作為背景，還可以使用CSS編碼實現文字圖片。在CSS編碼中，每個字符都有對應的16進制編碼，因此可以通過編碼表示一個字符，如下所示：

.text-image::before{
content: "\1F600";
font-size: 100px;
}

這里的\1F600表示一個表情符號，通過設置content屬性將它插入到元素之前，并設置字體大小作為圖片大小。

總之，CSS中的文字圖片可以帶來很多有趣的效果和解決實際問題，嘗試使用它們來優化自己的網站設計吧！