修改鼠标样式的CSS代码
(编辑:jimmy 日期: 2024/11/16 浏览:3 次 )
鼠标的形状主要有:
手形
移动
正在执行
十字形
文本编辑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>
手形
移动
正在执行
十字形
文本编辑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>
下一篇:CSS中position定位的个熟悉示例介绍