CSS点击选中修改颜色
<code> p:hover {
background-color: yellow;
}
p:active {
background-color: red;
}
CSS提供了选择器来修改点击选中时的样式,可以优化用户体验和界面设计。
当用户鼠标经过一个段落时,我们可以通过:hover伪类来为其增加一个背景色,以突出其位置。代码如下:
<code> p:hover {
background-color: yellow;
}
然后,当用户点击这个段落时,我们可以通过:active伪类来为其增加另一个颜色,以更进一步突出这个段落。代码如下:
<code> p:active {
background-color: red;
}
我们可以根据需要设置不同的背景色和样式。

