css使字体放上去背景变色

在使用 CSS 样式时，我们可以利用一些特殊的属性，来实现让字体放上去背景变色的效果。

通常使用的是 hover 属性，即鼠标悬停在文字上时，字体背景变色。代码如下：

    p:hover {
        background-color: #f5f5f5;
    }

可以看到，当鼠标悬停在段落上时，背景色变成了淡灰色。

除此之外，还有其他的属性可以实现这个效果，如 focus 属性。

    p:focus {
        background-color: #f5f5f5;
    }

该属性表示用户选中文本框时会显示的样式。

此外，还有 active 属性，表示在用户激活元素时的样式。代码如下：

    p:active {
        background-color: #f5f5f5;
    }

当用户点击或按下鼠标时，背景颜色会立即改变。

通过使用这些属性，可以让网页的交互性更强，提高网站的用户体验。