这篇文章给大家介绍了“CSS可控制鼠标怎样用，能做哪些变化”的相关知识，讲解详细，步骤过程清晰，有一定的借鉴学习价值，因此分享给大家做个参考，感兴趣的朋友接下来一起跟随小编看看吧。

　　一般而言，鼠标以斜向上的箭头显示，移到文本上时变为有头的竖线，移到超级链接上变为手型。但用css可控制鼠标的显示效果，如可使鼠标移到普通文本上也显示成手型。

　　用css控制的语法如下:

　　文本或其它页面元素

　　把 * 换成如下15个效果的一种：

　　hand、crosshair、text、wait、default、help、e-resize、ne-resize、n-resize、nw-resize、w-resize、sw-resize、s-resize、se-resize和auto。

　　下面是对这15种效果的解释。移动鼠标到解释上面，看看你的鼠标起了什么变化吧!

　　hand是手型

　　crosshair是十字型

　　text是移动到文本上的那种效果

　　wait是等待的那种效果

　　default是默认效果

　　help是问号

　　e-size是向右的箭头

　　ne-resize是向右上的箭头

　　n-resize是向上的箭头

　　nw-resize是向左上的箭头

　　w-resize是向左的箭头

　　sw-resize是左下的箭头

　　s-resize是向下的箭头

　　se-resize是向右下的箭头

　　auto是由系统自动给出效果

到此这篇关于“CSS可控制鼠标怎样用，能做哪些变化”的文章就介绍到这了,更多相关内容请搜索群英网络以前的文章或继续浏览下面的相关文章，希望大家以后多多支持群英网络！

免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：mmqy2019@163.com进行举报，并提供相关证据，查实之后，将立刻删除涉嫌侵权内容。

猜你喜欢

• HTML中怎么实现input只允许输入数字

  这篇文章主要介绍了在HTML中限制input 输入框只能输入纯数字的实现,本文通过示例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下

• CSS中transition动画的基本写法和使用是怎样的

  animations使得可以将从一个CSS样式配置转换到另一个CSS样式配置。动画包括两个部分，描述动画的样式规则和用于指定动画开始、结束以及中间点样式的关键帧。

• 隐藏CSS滚动条不可见有几种方法

  css让滚动轴看不见方法：1、利用“::-webkit-scrollbar”选择器选中滚动轴对象，2、利用display属性将滚动轴样式设置为不可见即可，语法为“::-webkit-scrollbar{display:none;}”。

• CSS中实现自动改变元素高度效果的方法是什么

  方法：1、利用“元素{animation:名称 时间}”语句给元素绑定动画，并设置动画所需的时间；2、利用“@keyframes 名称{100%{height:改变后高度值;}}”语句，设置改变元素高度的动画动作，实现缓慢改变元素高度效果。

• CSS中用什么属性来禁止页面向左右滚动

  在css中，可以利用“overflow-x”属性来禁止页面的左右滚动条，当该属性的值为“hidden”时，可以将超出左右边缘的元素内容隐藏起来，进而禁止页面左右滚动条的显示；语法为“body{overflow-x:hidden;}”。