好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

css3中鼠标手形效果

CSS3中提供了一种方便的方式,可以让我们在网页设计中实现丰富多彩的鼠标手形效果,让用户体验得到大大提升。

a:hover{
cursor:pointer;
}

在上面这段CSS代码中,我们使用:hover来选择超链接元素,当用户将鼠标放在超链接上方时,鼠标手形就会变成手指形状,这样就可以提示用户该文本是可点击的。

除了默认的pointer(手指)指针外,CSS3还支持其他多种鼠标手形,如crosshair(十字线)、move(移动)、wait(等待)、text(文字)、help(帮助)等。

span:hover{
cursor:crosshair;
}

在上面这段CSS代码中,我们使用:hover来选择span元素,当用户将鼠标放在span元素上方时,鼠标手形就会变成十字线形状,这样就可以引导用户注意该元素的位置。

总之,CSS3提供的鼠标手形效果可以大大改善用户体验,让网页变得更加易于使用,学会了这一技巧,会让你的网页设计更上一个台阶。

查看更多关于css3中鼠标手形效果的详细内容...

  阅读:56次

上一篇: css3。选择

下一篇:css3中子代选择器作用