在CSS中，我們可以使用“::before”和“::after”偽元素來添加提示文字。這些元素可以用來在頁面中顯示一些額外信息，例如懸浮提示、標記和注釋等。同時，它們還可以增加很多的互動性和可讀性。

要使用這些偽元素添加提示文字，我們需要了解一些使用方法。首先，我們需要選定要添加提示文字的元素，并為其設置一個樣式。例如，我們可以使用以下代碼來向一個按鈕添加提示文字：

.btn {
position: relative; /* 設定按鈕樣式 */
}
.btn::before {
content: "這是一個按鈕"; /* 添加提示文字 */
position: absolute; /* 絕對定位 */
bottom: 125%; /* 下移文字 */
left: 50%; /* 居中對齊 */
transform: translateX(-50%); /* 水平居中 */
padding: 10px; /* 添加內部間距 */
background-color: #000; /* 設定背景色 */
color: #fff; /* 設定字體顏色 */
border-radius: 5px; /* 添加圓角 */
font-size: 14px; /* 字體大小 */
}

在上述代碼中，我們通過設置按鈕樣式來確定偽元素的位置。然后，我們可以使用“content”屬性來添加提示文字。接著，我們將偽元素絕對定位，并設定其位置、內部間距、背景色、字體顏色、圓角和字體大小等屬性。

總的來說，使用“::before”和“::after”偽元素添加提示文字是一種非常有效的方法。它可以提高頁面交互性和可讀性，并且在樣式方面還有很大的靈活性。希望這篇文章對您有所幫助。