這是一篇關于CSS鼠標經過有文字效果的文章。

在網頁設計中，鼠標經過效果可以為網站添加一些視覺效果，以增強用戶的交互體驗。現在，我們就來看一下如何使用CSS創建鼠標經過有文字的效果。

.hover-text {
position: relative;
display: inline-block;
}
.hover-text:hover:after {
content: attr(data-hover);
position: absolute;
bottom: 100%;
left: 0;
width: 100%;
padding: 5px;
background-color: #333;
color: #fff;
font-size: 14px;
}

首先，我們需要為需要添加鼠標經過效果的元素加上一個類名，以上例子中使用了.hover-text這個類名。

接下來，在CSS中，我們需要為.hover-text類添加一些樣式，如position: relative;display: inline-block;等。

然后，在:hover偽類中，我們可以使用:after偽元素來添加一些額外的內容。在這里，我們使用content屬性來指定要添加的文字，attr(data-hover)表示使用該元素的data-hover屬性值作為內容。

另外，在這里我們還可以指定文字的樣式，例如padding、background-color、color和font-size等。

這樣，當用戶將鼠標懸浮在.hover-text元素上時，會顯示一個帶有特定文字的塊，從而為用戶提供更好的交互體驗。