最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

CSS之cursor属性_html/css

来源:懂视网 责编:小采 时间:2020-11-27 16:29:31
文档

CSS之cursor属性_html/css

CSS之cursor属性_html/css_WEB-ITnose:CSS之cursor属性 今天学习了CSS的cursor属性,第一篇博客就用来总结它吧。 cursor属性用于控制光标的显示样式,可取的值有这些: cursor:url()*|{auto|default|pointer|crosshair|text|vertical-text|help|not-allowed
推荐度:
导读CSS之cursor属性_html/css_WEB-ITnose:CSS之cursor属性 今天学习了CSS的cursor属性,第一篇博客就用来总结它吧。 cursor属性用于控制光标的显示样式,可取的值有这些: cursor:url()*|{auto|default|pointer|crosshair|text|vertical-text|help|not-allowed

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 弄清楚了再在修改博客。

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

文档

CSS之cursor属性_html/css

CSS之cursor属性_html/css_WEB-ITnose:CSS之cursor属性 今天学习了CSS的cursor属性,第一篇博客就用来总结它吧。 cursor属性用于控制光标的显示样式,可取的值有这些: cursor:url()*|{auto|default|pointer|crosshair|text|vertical-text|help|not-allowed
推荐度:
标签: html 属性 css
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top