修改鼠标样式的CSS代码

前端技术 2023/09/02 CSS
鼠标的形状主要有:
手形
移动
正在执行
十字形
文本编辑I
帮助
等待
文本编辑I
自动(遇到文本变I,遇到链接变手形,遇到可扩展边缘变向各方向拉伸形状……)
默认(箭头)
向右变形(东east)
向右上变形
向左上变形
向上变形(北north)
向右下变形
向左下变形
向下变形(南south)
向左变形(西western)
代码:

复制代码
代码如下:

<div style=\"cursor: pointer;\">手形</div>
<div style=\"cursor: move;\">移动</div>
<div style=\"cursor: progress;\">正在执行</div>
<div style=\"cursor: crosshair;\">十字形</div>
<div style=\"cursor: text;\">文本编辑I</div>
<div style=\"cursor: help;\">帮助</div>
<div style=\"cursor: wait;\">等待</div>
<div style=\"cursor: inherit;\">文本编辑I</div>
<div style=\"cursor: auto;\">自动(遇到文本变I,遇到链接变手形,遇到可扩展边缘变向各方向拉伸形状……)</div>
<div style=\"cursor: default;\">默认(箭头)</div>
<div style=\"cursor: e-resize;\">向右变形(东east)</div>
<div style=\"cursor: ne-resize;\">向右上变形</div>
<div style=\"cursor: nw-resize;\">向左上变形</div>
<div style=\"cursor: n-resize;\">向上变形(北north)</div>
<div style=\"cursor: se-resize;\">向右下变形</div>
<div style=\"cursor: sw-resize;\">向左下变形</div>
<div style=\"cursor: s-resize;\">向下变形(南south)</div>
<div style=\"cursor: w-resize;\">向左变形(西western)</div>

本文地址:https://www.stayed.cn/item/3326

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见,何事秋风悲画扇。