CSS3鼠標(biāo)懸停提示可以為網(wǎng)站增添更加美觀和友好的用戶體驗(yàn)。通過簡單的CSS樣式，我們可以在鼠標(biāo)懸停在指定元素上時彈出提示框，為用戶提供更加細(xì)致的操作指示。

/* CSS代碼 */
.tooltip {
display: inline-block;
position: relative;
cursor: pointer;
}
.tooltip:before {
content: attr(data-tooltip);
display: none;
position: absolute;
top: -30px;
left: -10px;
padding: 5px;
color: #fff;
background-color: #333;
border-radius: 4px;
font-size: 14px;
white-space: nowrap;
}
.tooltip:hover:before {
display: block;
}

在上面的代碼中，我們首先定義了一個類名為.tooltip的元素，通過設(shè)置display為inline-block和cursor為pointer屬性，將元素設(shè)置為可點(diǎn)擊的塊狀元素。隨后，我們定義偽元素:before，并通過content屬性為其添加data-tooltip值作為元素設(shè)置的提示文本。我們將偽元素的display屬性設(shè)置為none，以隱藏提示框。接著，我們利用position屬性將偽元素定位為絕對定位，并通過top和left屬性控制其位置。我們還對偽元素的各個樣式進(jìn)行了設(shè)置，包括顏色、背景色、邊界和字體等。最后，在鼠標(biāo)懸停在元素上時，我們將偽元素的display屬性設(shè)置為block，以顯示提示框。

使用CSS3鼠標(biāo)懸停提示，我們可以很方便地為網(wǎng)站添加簡潔、美觀、實(shí)用的提示功能，并增加網(wǎng)站的用戶友好度。接下來，就讓我們動手試一試吧！