实现这种效果的方法很简单,只需要使用CSS中:hover伪类以及color属性即可。
以下是一个示例代码:
nav a { color: #333; /* 默认字体颜色 */ } nav a:hover { color: #999; /* 滑过后的字体颜色 */ }
上面的代码是针对导航菜单中的链接进行设置的,当鼠标滑过链接时,字体颜色会从默认的黑色变为灰色。
通过这种方法,大家可以简单地改变元素的外观,增强用户体验。当然,除了颜色,大家还可以通过CSS设置其他属性,比如字体、背景等,来实现更多的效果。