CSS3中提供了一种方便的方式,可以让我们在网页设计中实现丰富多彩的鼠标手形效果,让用户体验得到大大提升。
a:hover{ cursor:pointer; }
在上面这段CSS代码中,我们使用:hover来选择超链接元素,当用户将鼠标放在超链接上方时,鼠标手形就会变成手指形状,这样就可以提示用户该文本是可点击的。
除了默认的pointer(手指)指针外,CSS3还支持其他多种鼠标手形,如crosshair(十字线)、move(移动)、wait(等待)、text(文字)、help(帮助)等。
span:hover{ cursor:crosshair; }
在上面这段CSS代码中,我们使用:hover来选择span元素,当用户将鼠标放在span元素上方时,鼠标手形就会变成十字线形状,这样就可以引导用户注意该元素的位置。
总之,CSS3提供的鼠标手形效果可以大大改善用户体验,让网页变得更加易于使用,学会了这一技巧,会让你的网页设计更上一个台阶。
声明:本文来自网络,不代表【好得很程序员自学网】立场,转载请注明出处:http://www.haodehen.cn/did245658