鼠标滑过变成小手的样式_鼠标指针光标样式大全

2017-07-24 建站知识 浏览 手机预览
文章来源:http://www.imtr.cn/html/n73.html

用css添加手状样式   

cursor:pointer;


或者在指定的元素中使用

style="cursor:pointer;"


描述(把鼠标移到下面的文字上,亲自试一试效果吧)
cursor:default默认光标(通常是一个箭头)
cursor:auto默认。浏览器设置的光标。
cursor:not-allowed禁止点击。
cursor:crosshair光标呈现为十字线。
cursor:pointer光标呈现为指示链接的指针(一只手)
cursor:move此光标指示某对象可被移动。
cursor:e-resize此光标指示矩形框的边缘可被向右(东)移动。
cursor:ne-resize此光标指示矩形框的边缘可被向上及向右移动(北/东)。
cursor:nw-resize此光标指示矩形框的边缘可被向上及向左移动(北/西)。
cursor:n-resize此光标指示矩形框的边缘可被向上(北)移动。
cursor:se-resize此光标指示矩形框的边缘可被向下及向右移动(南/东)。
cursor:sw-resize此光标指示矩形框的边缘可被向下及向左移动(南/西)。
cursor:s-resize此光标指示矩形框的边缘可被向下移动(南)。
cursor:w-resize此光标指示矩形框的边缘可被向左移动(西)。
cursor:text此光标指示文本。
cursor:wait此光标指示程序正忙(通常是一只表或沙漏)。
cursor:help此光标指示可用的帮助(通常是一个问号或一个气球)。


浏览器支持

IEFirefoxChromeSafariOpera


所有主流浏览器都支持 cursor 属性。

注释:Opera 9.3 和 Safari 3 不支持 url 值。

注释:任何版本的 Internet Explorer (包括 IE8)都不支持属性值 "inherit"。


原文地址:http://www.imtr.cn/html/n73.html
  • 如果你的问题还没有解决,可以点击页面右侧的“ ”,站长收到问题后会尽快回复解决方案到你的邮箱。
  • 创造始于问题,有了问题才会思考,有了思考,才有解决问题的方法,才有找到独立思路的可能。 —— 陶行知