CSS中的圖片數字碼（Image Replacement），顧名思義便是將文字用圖片來代替。這種技巧可以用于美化頁面，同時仍然可以保留語義，提高了頁面的可讀性。例如，可以使用這種方法將網站logo做成圖片，但是保留logo的語義。

.logo {
text-indent: -9999px; /* 隱藏原有文字 */
background: url(images/logo.png) no-repeat; /* 設置背景圖 */
width: 100px;
height: 100px;
}

上述代碼將文本隱藏在元素外，將背景圖設置為logo.png圖片。在設置圖片寬高之后，這樣的圖片便可以代替原有的文本。

除了使用背景圖片外，還可使用CSS的content屬性來實現圖片替換，下面是一個例子：

.btn {
display: inline-block;
position: relative;
width: 100px;
height: 30px;
line-height: 30px;
text-align: center;
border: none;
background-color: #3399cc;
color: #fff;
font-size: 16px;
}
.btn:before {
content: url(images/icon.png);
position: absolute;
left: 10px;
top: 50%;
transform: translateY(-50%);
}

上述代碼將一個按鈕使用偽元素:before來代替原有的文本，使用content屬性設置圖標的圖片路徑，將其設置為絕對定位，使其出現在按鈕的左側。

總之，使用圖片數字碼可以為頁面增加美觀度，同時保留頁面的語義，提高頁面的可讀性，也非常簡單易懂，是css中很實用的技巧。