您可以使用css的:hover选择器来实现在鼠标悬停时显示隐藏文本的效果。
下面是一个简单的示例代码:
html代码:
<p>这是一个带有隐藏文本的段落。</p>
CSS代码:
p span { display: none; } p:hover span {display: inline;}
在上面的代码中,我们首先将包含隐藏文本的<span>元素的display属性设置为none,这样它就不会在页面中显示。然后,我们使用:hover选择器来指定当鼠标悬停在包含隐藏文本的<p>元素上时,将显示隐藏文本的<span>元素。此时,我们将display属性设置为inline,以便它在同一行显示。
您可以将上述代码粘贴到一个HTML文件中并查看效果。当鼠标悬停在段落上时,将显示包含的隐藏文本。