900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > html鼠标样式怎么去掉 CSS鼠标样式cursor属性怎么设置

html鼠标样式怎么去掉 CSS鼠标样式cursor属性怎么设置

时间:2022-05-21 15:54:11

相关推荐

html鼠标样式怎么去掉 CSS鼠标样式cursor属性怎么设置

CSS鼠标样式可以通过设置cursorg属性,从而达到鼠标在对象上移动的鼠标样式。

一般在网页中一些特殊版块布局时,会遇到这类需求,比如鼠标经过指针变为手指形状等样式,接下来我们介绍鼠标指针样式cursor控制。

系统默认鼠标指针样式外,还可以通过CSS设置图片等元素为鼠标指针样式,比如有些网站鼠标指针是各种各样小图片样式,当然这个是通过css cursor设置鼠标样式。

CSS鼠标样式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)

常用cursor设置鼠标样式说明

比如想要设置.mouse的鼠标样式

.mouse { cursor:default}默认正常鼠标指针

.mouse{ cursor:hand }和div{ cursor:text } 文本选择效果

.mouse{ cursor:move } 移动选择效果

.mouse{ cursor:pointer } 手指形状 链接选择效果

.mouse{cursor:url(url图片地址) }设置对象为图片

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。