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标签,如果不需要手指效果可以放别的标签。

 

(0)
上一篇 2019年8月26日 上午10:14
下一篇 2019年8月26日 上午11:12

相关推荐

发表回复

登录后才能评论