標題：CSS 鼠標經過顯示文字

隨著 Web 開發的不斷普及和發展，CSS 已經成為網頁設計必不可少的工具之一。在 CSS 中，我們可以通過設置對象的屬性來控制網頁中各種元素的樣式，其中包括鼠標經過時顯示的文字。

讓我們看看如何實現這個簡單的任務。首先，我們需要在 HTML 中添加一個包含文本的元素，例如：

```html

<div id="myDiv">

<p>Hello, world!</p>

</div>

接下來，我們需要在 CSS 中設置一個 div 元素的樣式，使其在鼠標經過時顯示文本：

```css

#myDiv {

position: relative;

width: 200px;

height: 200px;

text-align: center;

font-size: 20px;

cursor: pointer;

#myDiv:hover {

text-align: left;

以上代碼中，我們使用了 CSS 的 `position: relative` 屬性來設置 div 元素的位置，然后使用 `width: 200px;`、`height: 200px;` 和 `text-align: center;` 屬性來設置 div 元素的寬度和高度，以及居中對齊文本。最后，我們使用 `cursor: pointer;` 屬性來設置 div 元素為鼠標指針，并使用 `text-align: left;` 屬性來將鼠標經過時的文本對齊到左側。

當我們使用上述代碼時，當鼠標指針移動到 div 元素上時，它會顯示一條文本消息“Hello, world!”。這個效果是不是很棒呢？

需要注意的是，如果元素具有高度，則當鼠標指針移動到元素上時，文本將不會顯示。這是因為 CSS 鼠標經過顯示文本的功能是基于水平滾動距離的，當元素高度大于滾動距離時，鼠標指針無法到達文本區域。因此，我們需要通過 JavaScript 或其他工具來實現這個任務。

通過使用 CSS 鼠標經過顯示文本的功能，我們可以輕松地讓網頁中的文本在鼠標經過時顯示出來，使網頁更加生動有趣。