首先，創建一個新的HTML文件，確保在``標簽內，嵌套一個`

`元素，里面包含一個`

`標簽，例如，寫入“演示文本”。

接下來，在``部分添加一個``標簽，為后續樣式設置做準備。初始時，你需要讓`

`標簽隱藏，所以設置樣式為`p{display:none;}`。同時，給`

`添加一個簡單的樣式，如寬度和高度，例如`div{width:100px;height:100px;background:#ccc;}`，這樣便于視覺演示。

然后，為`

`元素添加`hover`偽類。當鼠標懸停在`

`上時，你需要更改`

`的樣式，使其顯示。對應的CSS代碼是`div:hoverp{display:block;}`，這意味著當鼠標懸停時，`

`標簽會從隱藏狀態變為可見，顯示其中的文字。

最后，當鼠標從`

`移開時，`

`標簽應恢復到隱藏狀態，保持文字的顯示和隱藏效果。這個自然是由`hover`偽類的默認行為完成的，無需額外設置。

這樣，通過CSS的`hover`偽類，你就能輕松實現鼠標懸停時文字顯示，鼠標移開后文字消失的效果了。