用CSS的cursor属性来改变鼠标外形样式表现

发布时间：2018-08-16 10:48:52 所属栏目：访谈来源：站长网

导读：用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>
提醒：可修改儿女码再运行!

（编辑：湖南网）

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