CSS作為前端開發者必備的技能之一，除了可以控制網頁的排版和樣式外，還有一個很有趣的特性——自定義圖片。通過css，我們可以將一些小的字符或者符號轉化為圖標，讓網頁更加生動有趣。

.icon-heart {
font-family: 'Fira Code', monospace;
content: '?'; /* 使用 Unicode 字符 */
}
.icon-star {
font-family: 'Font Awesome 5 Free'; /* 使用字體圖標庫 */
content: '\f005'; /* 使用 Unicode 字符對應的 CSS 轉義字符 */
}

使用 CSS 自定義圖片，我們可以免去了繁瑣的圖片處理工作，還可以輕松地進行樣式和顏色的改變。通過選擇合適的 Unicode 字符或使用字體圖標庫，我們可以實現大量圖標的使用，避免了將每一張圖片使用一個 img 標簽引入的麻煩。

需要注意的是，自定義圖片仍然是一種字體，并不是傳統意義上的圖片，因此需要設置 font-size 和 line-height。同時，在使用 Unicode 字符時，也要注意支持度的問題，不同系統和瀏覽器對 Unicode 字符庫的支持可能會有所不同。而使用字體圖標庫則需要將其下載到項目中并引入相應的文件，所以需要注意文件大小和下載速度等問題。