css中cursor属性详解(div中的cursor是什么意思)
本文目录
div中的cursor是什么意思
css定义鼠标样式,其中cursor属性包括
auto: 正常鼠标
crosshair: 十字鼠标
default: 默认鼠标
pointer: 点状鼠标
move: 移动鼠标
e-resize,ne-resize,nw-resize,n-resize,se-resize,sw-resize,s-resize,w-resize: 改变大小鼠标
text: 文字鼠标
wait: 等待鼠标
help: 求助鼠标
progress: 过程鼠标
inherit: 继承
CSS中的基础题目: cursor是什么功能;其属性hand表示什么相应的它还有其他属性吗谢谢
cursor: 鼠标指针
hand: 当你把鼠标放到一个链接上的时候出现一个手的图标
auto: 自动
crosshair: 十字
default: 默认
help: 帮助
move: 移动
pointer: 同hand
progress: 忙碌,进行中
text: 文字输入
wait: 等待
n|ne|nw|s|se|sw|w-resize: 调整大小
url: 自定义
cursor是什么
Cursor 属性,全称是“Control.Cursor 属性”,意即
获取或设置当鼠标指针位于控件上时显示的光标。
有兴趣的网友请继续看:
鼠标属性
我们知道,当把鼠标移动到不同的地方时,当鼠标需要执行不同的功能时,当系统处于不同的状态时,都会使鼠标的形状发生改变。
用CSS来改变鼠标的属性,就是当鼠标移动到不同的元素对象上面时,让鼠标以不同的形状、图案显示。
在CSS当中,这种样式是通过“cursor”属性来实现的。Cursor属性有很多的属性值,我们来看一下它的详细列表:
我们来看一个例子吧,请看下面这段代码:
《html》
《head》
《title》changemouse《/title》
《/head》
《body》
《h1 style=“font-family:文鼎新艺体简”》鼠标效果《/h1》//*设置字体*//
《p style=“font-family:行书体;font-size:16pt;color:red”》
请把鼠标移到相应的位置观看效果。《/p》//*设置字体的名称、大小、颜色*//
《div style=“font-family:行书体;font-size:24pt;color:green;”》
//*设置该区域内的字体名称、大小、绿色*//
《p》《span style=“cursor:hand”》手的形状《/span》《br》
//*设置鼠标属性为手的形状*//
《span style=“cursor:move”》移动《/span》《br》//*设置鼠标属性为移动*//
《span style=“cursor:ne-resize”》反方向《/span》《br》
//*设置鼠标属性为反方向*//
《span style=“cursor:wait”》等待《/span》《br》//*设置鼠标属性为等待*//
《span style=“cursor:help”》求助《/span》//*设置鼠标属性为求助*//
《/p》
《/div》
《/body》
《/html》
上述代码产生的效果请您点击:http://www.hongen.com/pc/homepage/css/sl/changemouse.htm
网页中cursor的用法
cursor其实是html标签元素的一个css属性,body也是一个html标签可以使用css的cursor属性,把它定义到body是为了在一个页面里面统一都显示成一种指针,其他元素也可以用比如:
《div style=“cursor:pointer“》《/div》(手型)
《table style=“cursor:pointer“》《/table》
使用自定义图片作为指针形状:
《div style=“cursor:url(http://www.ik68.cn/cursor/mouse048.cur);“》《/div》
如果定义成这样,那么只有在鼠标指针放到这个div上的时候鼠标指针才会发生变化
更多文章:
实况10为什么被说成是经典(实况8和实况10哪个更经典为什么)
2024年6月24日 04:52
autocad认证考试(您好,我想参加cad工程师认证考试,但不知道如何报名,请知道的朋友相告,谢谢了!)
2024年5月31日 09:50