博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
css鼠标样式
阅读量:5128 次
发布时间:2019-06-13

本文共 891 字,大约阅读时间需要 2 分钟。

1、cursor语法: 

cursor :auto | default | none | context-menu | help | hand  | pointer | progress | wait | cell | crosshair | text | vertical-text | alias | copy | move | no-drop | not-allowed | e-resize | n-resize | ne-resize | nw-resize | s-resize | se-resize | sw-resize | w-resize | ew-resize | ns-resize | nesw-resize | nwse-resize | col-resize | row-resize | all-scroll | url (url).

text 是移动到文本上的那种效果 

crosshair是 十字效果

wait 是等待的那种效果 

default是默认效果 
e-resize是向右的箭头
ne-resize是向右上的箭头
n-resize是向上的箭头
nw-resize是向左上的箭头
w-resize是向左的箭头
sw-resize是左下的箭头
s-resize是向下的箭头
se-resize是向右下的箭头
auto是由系统自动给出效果

2、cursor例子:

<a href="#" style="cursor:hand">CSS鼠标手型效果</a>

<a href="#" style="cursor:pointer">CSS鼠标手型效果</a>

<a href="#" style="cursor:help">CSS鼠标问号效果</a>

(图片来源于网页文章分享)

3.鼠标禁用样式(17.11.14添加)

   cursor:not-allowed;  该样式适用于所有主流浏览器

  cursor:no-drop;  在IE下识别有差异

转载于:https://www.cnblogs.com/moutudou/p/7514826.html

你可能感兴趣的文章
zdz工具箱v1.5 android版本发布了,集成各种个人生活中常用的工具,方便日常使用管理...
查看>>
MVC AJAX
查看>>
[SCOI2005]繁忙的都市
查看>>
imx51-linux的cpuinfo之分析
查看>>
elementUI -- table相关的问题
查看>>
WINCE6.0+IMX515通过cfimager.exe烧录镜像文件
查看>>
Day08 数据处理
查看>>
Golang命令行库Cobra的使用
查看>>
centos7下部署Django(nginx+uwsgi+python3+django)
查看>>
集算器协助java处理结构化文本之对齐连接
查看>>
django环境部署-nginx环境
查看>>
android 網易云閱讀 書架的實現
查看>>
day9.初始函数练习题
查看>>
PHP Markdown 解析器Parsedown
查看>>
webpack升级4记录
查看>>
【计算机视觉】图像处理与计算机视觉基础,经典以及最近发展
查看>>
【QT开发】QT在windows下的exe应用程序如何在别人的电脑上直接运行
查看>>
加快sqlite的读写
查看>>
listen的参数backlog的意义
查看>>
xcode6 下 ios simulator 有 Home 键么?
查看>>