修改鼠标样式的CSS代码
2014-02-20 11:19
543 查看
鼠标的形状主要有:
手形
移动
正在执行
十字形
文本编辑I
帮助
等待
文本编辑I
自动(遇到文本变I,遇到链接变手形,遇到可扩展边缘变向各方向拉伸形状……)
默认(箭头)
向右变形(东east)
向右上变形
向左上变形
向上变形(北north)
向右下变形
向左下变形
向下变形(南south)
向左变形(西western)
代码:
手形
移动
正在执行
十字形
文本编辑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中如何修改鼠标光标(指针)的样式和颜色
- 修改页面滚动条样式CSS代码!(待修改兼容性)
- CSS鼠标样式大全和鼠标指针代码 【来美化你的blog吧】
- 在项目开发中,jsp页面不会少了,如何公用页面(添加页面和修改页面)和公用样式代码(css,js)?
- 免费CSS鼠标样式代码大全
- 在使用VS2010时修改CSS代码后无效的解决方法
- css修改checkbox默认样式
- 修改Dreamweaver编辑器颜色样式(代码颜色)
- DIV+CSS 鼠标样式,鼠标手型样式
- 清除所有默认样式的CSS代码
- CSS中cursor属性的鼠标样式明细
- 鼠标hover 闪烁崭新发光css代码
- JS+CSS控制左右切换鼠标可控的无缝图片滚动代码
- css-a标签修改样式
- JS+CSS控制鼠标移上图片滑出文字提示代码
- CSS 鼠标手指样式整理
- 修改GridView表头样式的代码
- 用css修改scroll样式
- CSS自定义鼠标指针样式
- css基础 设置超链接 正常状态、鼠标放在超链接上的状态、访问过的超链接的状态的样式