在網頁設計中，我們經常會用到客服電話的圖片，一般是一個電話機圖標加上電話號碼。這樣可以方便網站用戶直接撥打電話聯系客服，提高網站的服務質量和用戶滿意度。下面是使用CSS實現客服電話圖片的代碼示例。

/* 客服電話圖標樣式 */
.phone-icon {
display: inline-block;
width: 30px;
height: 30px;
background-image: url('phone.png');
background-size: cover;
vertical-align: middle;
}
/* 客服電話文字樣式 */
.phone-number {
display: inline-block;
margin-left: 10px;
font-size: 16px;
font-weight: bold;
color: #333;
vertical-align: middle;
}

在代碼中，我們使用了兩個類：phone-icon和phone-number。phone-icon類用于設置電話機圖標的樣式，包括圖標大小、背景圖片和垂直居中等。phone-number類用于設置電話號碼文本的樣式，包括字體大小、加粗、顏色和垂直居中等。

在HTML代碼中，我們只需要在需要顯示客服電話的位置使用phone-icon和phone-number類即可：

<p>客服電話：<span class="phone-icon"></span><span class="phone-number">400-1234-5678</span></p>

使用CSS實現客服電話圖標和電話號碼文本的樣式，可以讓網頁看起來更加美觀，增強用戶體驗。而且這種方式可以方便地修改電話號碼和樣式，使網站更加靈活和易維護。