1. 犀牛前端部落首页
  2. 新手错误

CSS使用cursor实现鼠标指针光标样式

CSS使用cursor实现鼠标指针光标样式

有的时候我们想让a标签去除手指形状,想让一个元素添加上手指形状。这个时候我们就需要使用cursor来设置该效果。

语法

cursor常见值如下:

cursor : auto | crosshair | default | hand | move | help | wait | text | w-resize |s-resize | n-resize |e-resize | ne-resize |sw-resize | se-resize | nw-resize |pointer | url (url)

常见用法

去除a标签的手指效果:

a{
cursor:inherit;
}

添加标签的手指效果:

div{
cursor:pointer;
}

注意点

需要注意的是,该属性一般情况都不需要使用,例如我们可以在合适的地方放a标签,如果不需要手指效果可以放别的标签。

 

原创文章,作者:犀牛前端部落,如若转载,请注明出处:https://www.pipipi.net/2546.html

发表评论

登录后才能评论