CSS是一種用來控制網(wǎng)頁樣式的語言，其中一個(gè)比較實(shí)用的功能是讓聯(lián)系電話懸浮在網(wǎng)頁上，鼠標(biāo)移動(dòng)到電話上時(shí)，可以快速撥打電話或者復(fù)制電話號(hào)碼。下面是實(shí)現(xiàn)這一功能的代碼：

.phone-number {
position: fixed;
right: 20px;
bottom: 20px;
background-color: #B0E0E6;
padding: 10px;
color: #fff;
font-size: 20px;
border-radius: 50%;
cursor: pointer;
transition: all 0.3s ease-in-out;
}
.phone-number:hover {
background-color: #000;
transform: scale(1.1);
}

我們可以創(chuàng)建一個(gè)包含電話號(hào)碼的HTML元素，并給這個(gè)元素添加CSS樣式，實(shí)現(xiàn)懸浮在頁面上的效果。上述代碼中，.phone-number表示目標(biāo)元素的類名，接下來是一系列樣式屬性：

• position: fixed; 表示元素的定位方式為固定，不受文檔流影響，可以懸浮在任意位置。
• right: 20px; bottom: 20px; 表示元素距離屏幕右側(cè)和底部的間距分別為20px。
• background-color: #B0E0E6; padding: 10px; 表示元素的背景色為淺藍(lán)色，內(nèi)邊距為10px。
• color: #fff; font-size: 20px; 表示元素文本顏色為白色，字號(hào)為20px。
• border-radius: 50%; 表示元素的邊框以圓形方式呈現(xiàn)，半徑為50%。
• cursor: pointer; 表示鼠標(biāo)移動(dòng)到元素上時(shí)，鼠標(biāo)指針會(huì)變成手型。
• transition: all 0.3s ease-in-out; 表示元素的過渡效果為緩慢的0.3秒漸變效果。

最后一部分CSS代碼是:hover偽類，當(dāng)鼠標(biāo)懸浮在元素上時(shí)應(yīng)用的樣式，可以實(shí)現(xiàn)鼠標(biāo)交互更加友好的效果。在這里，我們將元素的背景色變?yōu)楹谏瑫r(shí)稍微放大元素，讓用戶可以更清楚地看到元素被懸浮的效果。

通過上述代碼，我們可以實(shí)現(xiàn)一個(gè)簡(jiǎn)單但實(shí)用的功能——讓聯(lián)系電話懸浮在網(wǎng)頁上，提供更方便的聯(lián)系方式。