CSS鼠标样式cursor语法举例

更新时间:2019-09-02 11:42:19 来源:青锋建站 作者:青锋建网站
  在网站制作时,有时我们需要把链接或某些元素当作按钮来使用,这时,为了达到更好的用户体验,让用户明显了解这是一个可点击的按钮。这时我们可以使用CSS来改变鼠标滑过时鼠标显示的样式,把它显示为手形,这样就可以解决问题。以下是青锋建站给大家分享的CSS鼠标样式cursor语法举例。

CSS鼠标样式语法举例如下:

  在html任意标签中插入行内样式 style="cursor:*"
  例子:CSS鼠标手型效果<ahref="#"style="cursor:hand">CSS鼠标手型效果</a>
  pointer也是手型,这里推荐使用这种,因为这可以在多种浏览器下使用。
  text是移动到文本上的那种效果

鼠标样式与效果对应表

CSS鼠标样式
wait 是等待的那种效果
default 是默认效果
e-resize 是向右的箭头
ne-resize 是向右上的箭头
n-resize 是向上的箭头
nw-resize 是向左上的箭头
w-resize 是向左的箭头
sw-resize 是左下的箭头
s-resize 是向下的箭头
se-resize 是向右下的箭头
auto 是由系统自动给出效果
  以上就是青锋建站给大家分享的CSS鼠标样式cursor语法举例。青锋建站,提供专业的高品质网站制作服务,包括网站建设,SEO,网络营销,PHP开发,网站建设知名品牌,全国接单,为企业构建强有力的营销平台。

    

  

转载请注明来源网址:青锋建站-http://www.sjzphp.com/webdis/moustyle.html

电话 15632335515 | 邮箱 943703539@qq.com | QQ 943703539 | 微信 qingfengjianzhan

Copyright © 2016-2026 青锋建站 版权所有