CSS中有一种非常实用的鼠标移动效果,即当鼠标移到某个元素上时,会有显示效果。/* CSS代码 */ element:hover { /* 显示效果 */ /* 例如改变背景色、字体颜色、透明度等 *
CSS中有一种非常实用的鼠标移动效果,即当鼠标移到某个元素上时,会有显示效果。
/* CSS代码 */ element:hover { /* 显示效果 */ /* 例如改变背景色、字体颜色、透明度等 */ }
在上面的CSS代码中,我们使用:hover伪类来指定鼠标移动到元素上时的效果。然后,我们在{}内编写所需的CSS属性。
例如,可以在:hover时将元素的背景色改为深灰色:
/* CSS代码 */ element:hover { background-color: #666; }
除了改变背景色之外,还可以改变字体颜色、字体大小以及添加透明度等。这种效果非常适合在导航栏、按钮或链接等元素上使用,让用户能够更加直观地理解这些元素。
粉丝
0
关注
0
收藏
0