在CSS中,我们可以通过:hover选择器来设置鼠标悬停时的样式。
p:hover { /* 鼠标悬停时的样式 */ color: red; background-color: yellow; }
上述代码表示当鼠标悬停在p元素上时,改变文字的颜色为红色,背景色为黄色。
除了针对文本元素设置鼠标悬停样式外, 我们还可以为其他元素设置鼠标悬停样式,如:
/* 改变图片的透明度 */ img:hover { opacity: 0.8; } /* 改变按钮的颜色 */ button:hover { background-color: green; color: white; }