CSS可以用來美化網頁,效果豐富,其中撥打電話功能也能通過CSS實現。
a.tel { display: inline-block; background-image: url("tel-icon.png"); background-repeat: no-repeat; background-size: contain; width: 20px; height: 20px; text-indent: -9999px; } a.tel:before { content: "撥打電話:"; } a.tel:hover { opacity: 0.7; } a.tel:active { position: relative; top: 1px; }
這段代碼可以將一個超鏈接美化為電話圖標,并在調用前提示用戶撥打電話。當鼠標懸停在鏈接上會出現透明效果,當用戶點擊時會有下沉效果。
在實際應用中,需要配合電話號碼撥打功能進行使用。
以上是CSS撥打電話功能實現的基本代碼,可以根據實際需求進行適當的修改。
上一篇mysql按日聚合數據