在網頁中，有時需要將鼠標滑過一個元素時，顯示相應的文字提示。這種效果可以通過CSS來實現。

<div class="container">
<a href="#" class="tooltip">這是一個鏈接<span class="tooltiptext">這是提示文字</span></a>
</div>

首先，我們需要一個包裹元素（例如上述代碼中的<div>），其中包含一個需要添加提示文字的元素（例如上述代碼中的<a>）。在這個元素里，需要添加一個用于提示的元素（例如上述代碼中的<span>），并通過類名進行關聯。

.tooltip {
position: relative; /* 設置定位 */
display: inline-block; /* 設置為內聯塊狀元素 */
}
.tooltip:hover .tooltiptext {
visibility: visible; /* 滑過時顯示 */
}
.tooltiptext {
visibility: hidden; /* 默認隱藏 */
position: absolute; /* 設置定位 */
z-index: 1; /* 提高層級 */
background-color: black; /* 設置背景顏色 */
color: white; /* 設置文字顏色 */
padding: 5px; /* 設置內邊距 */
border-radius: 5px; /* 設置邊框圓角 */
top: -25px; /* 在上方顯示 */
left: 50%; /* 水平居中 */
transform: translateX(-50%); /* 居中 */
}

接下來，通過CSS來設置提示文字的顯示效果。首先，給需要添加提示文字的元素添加position: relative;和display: inline-block;，以便為后面絕對定位的提示文字提供參考。

然后，在鼠標滑過這個元素時（即:hover狀態），通過.tooltip:hover .tooltiptext的方式來選擇需要顯示的提示元素，并將visibility屬性設置為visible，從而使其顯示出來。

最后，對提示元素進行樣式的設置。首先將其visibility屬性設置為hidden，以便默認情況下不顯示。然后設置其position為absolute，將其定位在需要顯示的位置；同時設置z-index為1，使它位于其他元素之上。接著設置背景顏色和文字顏色，并添加內邊距和邊框圓角。最后通過top、left和transform來進行定位和居中，實現完整的提示文字效果。