使用CSS和HTML实现鼠标悬停时改变文字内容的效果非常简单。我们可以利用CSS的:hover伪类选择器和content属性来实现这一效果。

首先，我们需要创建一个HTML元素来容纳我们的文字内容。在这个例子中，我们将使用一个div元素，并给它一个唯一的ID作为选择器。

<div id="hover-text">初始内容</div>

接下来，我们可以使用CSS来定义当鼠标悬停在该元素上时所要显示的不同内容。我们将使用:hover伪类选择器来选中鼠标悬停的状态，并使用content属性来指定新的内容。