用CSS的cursor属性来改变鼠标形状样式显示

发布时间：2018-08-16 00:35:50 所属栏目：访谈来源：站长网

导读：用CSS的cursor属性来改变鼠标形状样式显示，我们比较熟悉而又陌生的效果，比如您将鼠标放在链接上时显示手形，将鼠标放在文本上则显示I形，各种形状，大家一起来看看烈火网给大家展示的代码和相关使用方法吧！演示： htmlheadtitle用CSS来改变鼠标形状样

　　用CSS的cursor属性来改变鼠标形状样式显示，我们比较熟悉而又陌生的效果，比如您将鼠标放在链接上时显示手形，将鼠标放在文本上则显示“I”形，各种形状，大家一起来看看烈火网给大家展示的代码和相关使用方法吧！

　　演示：

<html> <head> <title>用CSS来改变鼠标形状样式显示</title> <style> p {font-size:20px;} </style> </head> <body> 一般而言，鼠标以斜向上的箭头显示，移到文本上时变为有头的竖线，移到超级链接上变为手型。但用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-resize是向右的箭头 ne-resize是向右上的箭头 n-resize是向上的箭头 nw-resize是向左上的箭头 w-resize是向左的箭头 sw-resize是左下的箭头 s-resize是向下的箭头 se-resize是向右下的箭头 auto是由系统自动给出效果 </body> </html><div style="text-align:center;margin:30px 0 0 0;"><hr style="color:#999;height:1px;">如不能显示效果，请按Ctrl+F5刷新本页，更多网页代码：<a href='http://www.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></div>
提示：可修改后代码再运行!

（编辑：核心网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!