CSS提供了许多实用的属性来增强网站的交互性。其中一个常用的属性就是:hover，可以让我们在鼠标悬浮在元素上时，显示相应的效果。在本文中，我们将学习如何使用这个属性来显示一个p。

首先，我们需要在HTML中创建一个p，并为其指定一个ID，以便我们可以使用CSS来控制它的样式和行为。代码如下：

<p ></p>

接下来，我们可以使用CSS来控制p的样式和:hover伪类，从而实现悬停效果。具体代码如下：

#hover-p {width: 200px;height: 200px;background-color: #ccc;display: none;position: absolute;top: 30px;left: 30px;}#hover-p:hover {display: block;}

在上面的代码中，我们首先为p设置了一些基本样式，包括宽度、高度、背景颜色、以及位置等属性。然后，我们使用display属性将其隐藏起来，同时，使用position属性将其定位在页面中。最后，在:hover伪类下，我们将display属性设置为block，这样在鼠标悬浮在p上时，就会显示出来。

最后，我们将上述代码复制到一个HTML文件中，并在浏览器中打开，即可看到当鼠标悬浮在p上时，它会显示出来。

总的来说，使用CSS的:hover伪类可以很方便地实现鼠标悬浮效果，同时，我们也可以根据具体的需求，进一步调整其样式和行为，从而为网站增强更好的交互性。