CSS3中內(nèi)置了電話圖標，在設(shè)計移動端網(wǎng)頁時，電話圖標的使用顯得尤為重要。下面就是一個簡單的CSS3電話圖標實現(xiàn)范例。

/*定義電話圖標*/
.tel-icon {
width: 24px;
height: 24px;
background: url('tel.png') no-repeat;
}

其中，tel.png是一個24*24的圖片，其路徑需要根據(jù)實際情況進行修改。

接著，我們可以在HTML中使用該電話圖標：

<div class="tel-icon"></div>

使用CSS3內(nèi)置圖標，我們可以使用偽類before或after，實現(xiàn)類似電話圖標的效果：

/*定義電話圖標：before*/
.tel:before {
content: "\1F4DE";/*對應(yīng)Unicode字符*/
font-family: 'Segoe UI Symbol';/*IE9及以上支持*/
font-size: 24px;
color: green;
}
/*定義電話圖標：after*/
.tel:after {
content: "";
width: 24px;
height: 24px;
background: url('tel.png') no-repeat;
}

在HTML中使用：

<div class="tel"></div>

除了電話圖標，CSS3還內(nèi)置了其他一系列的圖標，例如用于表單的箭頭圖標、文本框的清除圖標等，可以幫助我們更快捷地完成網(wǎng)頁設(shè)計。