PHP8.1.21版本已发布
vue8.1.21版本已发布
jquery8.1.21版本已发布

CSS之cursor属性_html/css_WEB-ITnose

原创
2016-06-24 11:16:31 1478浏览

CSS之cursor属性 

今天学习了CSS的cursor属性,第一篇博客就用来总结它吧。

cursor属性用于控制光标的显示样式,可取的值有这些:

cursor:url()*|{auto|default|pointer|crosshair|text|vertical-text|help|not-allowed|no-drop|move|e-reszie|s-resize|w-resize|w-resize|n-resize|all-scroll|ne-resize|se-resize|nw-resize|sw-resize|col-resize|row-resize|}

*表示至少写一个该值,url后面可再选{}内的一个值。

 1  2  3  4      5     CSS之cursor属性 6     34 
35 36 百度37

指示和选择光标

38

auto:浏览器默认

39

default:操作系统默认光标

40

hand:手型

41

text:大写的I,水平文本选择

42

vertical-text:大写的I,垂直文本选择

43

help:箭头加问号,获取帮助

44

pointer:手形,表示链接

45

not-allowed:红色圆圈和斜杠,禁止操作

46

no-drop:红色圆圈和斜杠,无法释放

47

crosshair:十字瞄准,表示精确选择

48
49

表程序状态

50

wait:选转环,表示等待直到不忙,不能交互

51

progress:箭头加旋转环,处理中,可以交互

52 53
54

move用于移动对象

55

move:移动对象,两端带箭头的十字

56

all-scroll:移动

57

在四个角上改变窗口大小

58

ne-resize:向东(右)或/和北(上)

59

sw-resize:向西(左)或/和南(下)

60

nw-resize:向西(左)或/和北(上)

61

se-resize:向东(右)或/和南(下)

62
63

在四条边上改变窗口大小

64

东西用于改变水平宽度

65

e-resize:向东(右)

66

w-resize:向西(左)

67

南北用于改变垂直高度

68

s-resize:向南(下)

69

n-resize:向北(上)

70

col-resize:改变列宽

71

row-resize:改变行高

72 73

 

还有几个属性值没有弄清楚:hand url col-resize row-resize  弄清楚了再在修改博客。

第一次写博客,各种不熟悉。学的也不够扎实,欢迎指正。

声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。