css 鼠标移过显示颜色 |css将图片拉伸为背景

/* 以p标签为例 */
p:hover {
color: red;
}

上述代码的意思是：当鼠标移过p标签时，p标签的字体颜色将变为红色。如果大家要实现背景色的变化，可以使用如下代码：

/* 以p标签为例 */
p:hover {
background-color: yellow;
}

上述代码的意思是：当鼠标移过p标签时，p标签的背景色将变为黄色。

当然，大家也可以同时实现字体颜色和背景色的变化：

/* 以p标签为例 */
p:hover {
color: white;
background-color: blue;
}

上述代码的意思是：当鼠标移过p标签时，p标签的字体颜色将变为白色，背景色将变为蓝色。

除了对p标签使用:hover外，大家也可以对其他HTML元素使用这个伪类选择器，比如a标签：

/* 以a标签为例 */
a:hover {
color: red;
text-decoration: underline;
}

上述代码的意思是：当鼠标移过a标签时，a标签的字体颜色将变为红色，同时加上下划线。

总之，hover伪类选择器是CSS中非常常用的一种特效实现方式，可以使大家的页面更加生动有趣。