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

/* 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的元素，通過設置display為inline-block和cursor為pointer屬性，將元素設置為可點擊的塊狀元素。隨后，我們定義偽元素:before，并通過content屬性為其添加data-tooltip值作為元素設置的提示文本。我們將偽元素的display屬性設置為none，以隱藏提示框。接著，我們利用position屬性將偽元素定位為絕對定位，并通過top和left屬性控制其位置。我們還對偽元素的各個樣式進行了設置，包括顏色、背景色、邊界和字體等。最后，在鼠標懸停在元素上時，我們將偽元素的display屬性設置為block，以顯示提示框。

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