a:hover { color: red; cursor: pointer; }
上述代码中,大家使用了:hover来设置鼠标悬停在链接上的状态。当鼠标悬停在链接上时,链接的文字颜色将被设置成红色,同时鼠标的形状也会变成手型。这使得用户可以知道他们可以点击这个链接。
在这个基础上,大家可以使用JavaScript来添加具体的点击事件。例如:
a:hover { color: red; cursor: pointer; } a:hover::after { content: "(点击偶!)"; } a:active { color: blue; } a:active::after { content: "(正在处理中...)"; } a:focus { outline: none; }
通过上面的代码,大家可以让大家的链接在鼠标悬停时,以及在点击时,都有相应的反馈。同时,大家还可以去掉链接的虚线框,使得页面更加美观。