CSS鼠标指针cursor属性
程序员文章站
2024-02-10 13:13:10
...
大家都知道常用的鼠标指针样式:
不同的样式展现效果:[url]http://www.dreamdu.com/css/exe_property_cursor/[/url]。
对于用户自定义,如:a:hover{cursor: url('http://xx/image.ani'); //对资源格式要求.在有些网站为了吸引用户也常采用自定义鼠标样式,如QQ空间就使用了这样方式展现。同时这些样式也带有一定的语义,如:wait,propress,在对用户体验上就十分的友好。如<a></a>标签pointer样式,但其他的元素却没有这个样式,所以有时会去模拟加上这个css的cursor效果。
* auto: 正常鼠标
* crosshair: 十字鼠标
* default: 默认鼠标
* pointer: 点状鼠标
* move: 移动鼠标
* e-resize:改变大小
* text: 文字鼠标
* wait: 等待鼠标
* help: 求助鼠标
* progress: 过程鼠标
* inherit: 继承
* [<uri>]: 用户定义
不同的样式展现效果:[url]http://www.dreamdu.com/css/exe_property_cursor/[/url]。
对于用户自定义,如:a:hover{cursor: url('http://xx/image.ani'); //对资源格式要求.在有些网站为了吸引用户也常采用自定义鼠标样式,如QQ空间就使用了这样方式展现。同时这些样式也带有一定的语义,如:wait,propress,在对用户体验上就十分的友好。如<a></a>标签pointer样式,但其他的元素却没有这个样式,所以有时会去模拟加上这个css的cursor效果。
上一篇: postgresql笔记001—sql语句中where和having之间的区别
下一篇: Module not found: Can't resolve 'react-hot-loader' 解决办法
推荐阅读
-
CSS鼠标指针cursor属性
-
html title换行方法 如a链接标签内title属性鼠标悬停提示内容换行_html/css_WEB-ITnose
-
CSS如何规定鼠标指针的形状_html/css_WEB-ITnose
-
html title换行方法 如a链接标签内title属性鼠标悬停提示内容换行_html/css_WEB-ITnose
-
css属性设置鼠标为手型,cursor:hand在firefox中不支持现象
-
怎么用css属性屏蔽鼠标事件(鼠标点击可穿透上层元素)
-
CSS3—鼠标指针形状|响应式网页设计
-
鼠标移到元素上指针变为不可用状态_html/css_WEB-ITnose
-
CSS如何规定鼠标指针的形状_html/css_WEB-ITnose
-
CSS cursor 属性的定义与用法