button:hover { background-color: red; }
上面的代码表示,当鼠标悬浮在按钮上时,按钮的背景色将变为红色。这是一种常见的效果,可以让用户感到按钮是可点击的。
另外,大家还可以使用“cursor”属性来改变鼠标的形状,以提示用户该区域是可点击的。下面是一个例子:
a:hover { color: blue; cursor: pointer; }
上面的代码表示,当鼠标悬浮在链接上时,链接的文本将变为蓝色,并且鼠标的形状将变为手形指针。
除了改变样式和形状,大家还可以使用鼠标悬浮显示的效果来实现更复杂的功能。比如,当鼠标悬浮在图标上时,显示该图标的描述信息。
总之,使用鼠标悬浮显示的效果可以让网页更加丰富和交互,提高用户的体验感。