`
zhangyaochun
  • 浏览: 2612269 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

css之cursor

阅读更多

 

CSS cursor 属性

 

 

     -----------规定要显示的光标的类型(形状)

 

 

默认值: 继承性: 版本: JavaScript 语法:
auto
yes
CSS2
object.style.cursor="crosshair

 

 

  • 所有主流浏览器都支持cursor属性
  • Opera 9.3 和Safari3不支持url值

可能的值

值 描述
url

需使用的自定义光标的 URL。

注释:请在此列表的末端始终定义一种普通的光标,以防没有由 URL 定义的可用光标。

default 默认光标(通常是一个箭头)
auto 默认。浏览器设置的光标。
crosshair 光标呈现为十字线。
pointer 光标呈现为指示链接的指针(一只手)
move 此光标指示某对象可被移动。
e-resize 此光标指示矩形框的边缘可被向右(东)移动。
ne-resize 此光标指示矩形框的边缘可被向上及向右移动(北/东)。
nw-resize 此光标指示矩形框的边缘可被向上及向左移动(北/西)。
n-resize 此光标指示矩形框的边缘可被向上(北)移动。
se-resize 此光标指示矩形框的边缘可被向下及向右移动(南/东)。
sw-resize 此光标指示矩形框的边缘可被向下及向左移动(南/西)。
s-resize 此光标指示矩形框的边缘可被向下移动(北/西)。
w-resize 此光标指示矩形框的边缘可被向左移动(西)。
text 此光标指示文本。
wait 此光标指示程序正忙(通常是一只表或沙漏)。
help 此光标指示可用的帮助(通常是一个问号或一个气球)。
not-allowed 禁止标记(一个被斜线贯穿的圆圈)光标。用于标示请求的操作不允许被执行。

 

扩展阅读:

 

1、http://www.w3school.com.cn/css/pr_class_cursor.asp  (差了一个not-allowed)在我上面已经补充了

分享到:
评论

相关推荐

    CSS-cursor鼠标样式一览表

    其中,`cursor`属性是CSS中的一个重要特性,它允许开发者自定义鼠标指针在不同元素上显示的样式。本篇文章将详细阐述`cursor`属性的使用及其各种预定义的鼠标样式。 `cursor`属性主要用于改变用户在页面上的交互...

    鼠标特效css的cursor属性

    ### 鼠标特效CSS的Cursor属性详解 在网页设计与开发中,为了提升用户体验以及增强网站的互动性,开发者经常需要对网站进行各种细节优化。其中,利用CSS中的`cursor`属性来改变鼠标指针样式就是一种常见的优化手段。...

    前端开源库-css-cursor

    在前端开发中,CSS(Cascading Style Sheets)是用于控制网页元素样式的重要技术,而“cursor”属性则是CSS中的一个重要部分,它定义了用户在鼠标指针位于元素上时的光标形状。"css-cursor"是一个开源库,专注于规范...

    举例详解CSS中的cursor属性

    在CSS中,`cursor`属性是一个非常有用的功能,它允许我们改变用户在页面上移动鼠标时看到的指针样式。本文主要介绍了两个实用的`cursor`属性组合:`zoom-in/zoom-out`和`grab/grabbing`,它们极大地增强了用户体验,...

    css cursor 的可选值(鼠标的各种样式)

    CSS中的`cursor`属性用于控制鼠标指针在页面上的显示样式。这个属性允许开发者根据不同的交互情况设置不同的鼠标光标,以提供更好的用户体验和视觉反馈。以下是对标题和描述中提到的一些`cursor`可选值的详细解释: ...

    CSS中cursor属性的鼠标样式明细

    在CSS中,cursor属性用于定义鼠标悬停在元素上方时显示的光标样式。光标样式可以影响用户的交互体验,使网页的导航和操作更加直观和友好。以下详述了CSS中cursor属性所包含的一些常见鼠标样式,并解释了它们的用途。...

    css常用代码大全(html+css代码).pdf

    最后,`cursor`属性可以改变鼠标指针的形状,例如`cursor:hand`设置成手形,适用于链接,`cursor:wait`显示等待沙漏,等等。 这些只是CSS的一部分基础知识,实际应用中还有更复杂的布局技术,如响应式设计、Flexbox...

    光标形状 html css css知识 网页知识

    CSS提供了`cursor`属性,用于定义鼠标指针在元素上时显示的形状。例如,如果你想让鼠标在某个元素上变为手型,你可以这样编写CSS代码: ```css selector { cursor: pointer; } ``` 这里的`selector`是你希望应用此...

    全新代码编辑器 Cursor Linux版本0.1.11

    1. **多语言支持**:Cursor编辑器通常支持多种编程语言,如C++, Python, Java, JavaScript, HTML, CSS等,允许用户无缝切换并编辑不同类型的项目。 2. **语法高亮**:为提高代码可读性,Cursor提供了语法高亮功能,...

    CSS经典圆形按钮

    cursor: pointer; /* 鼠标悬停时显示手形光标,表示可点击 */ } ``` 为了增加视觉吸引力,我们可以为按钮添加背景色、文字颜色、阴影效果以及过渡动画。例如: ```css .circle-btn { /* ... 之前的样式 */ ...

    CssButton按钮样式

    本文将深入探讨如何使用CSS来创建美观且功能丰富的“CssButton”按钮样式,以及相关的实践示例。 一、基础按钮样式 一个基本的HTML按钮元素看起来像这样: ```html 点击我 ``` 默认情况下,浏览器会为按钮提供一种...

    常用控件CSS样式

    cursor: pointer; } .button:hover { background-color: #2980b9; } ``` 此外,为了增强用户体验,还可以通过CSS实现表单验证,如错误提示、成功提示的样式。例如,可以为必填字段添加红色星号(*),或者在输入...

    css3鼠标悬停动画

    除了动画效果,CSS3还允许我们自定义鼠标指针的形状,通过`cursor`属性实现。这可以进一步提升用户的交互体验,让他们在未点击前就预知即将发生的动作。 总结来说,CSS3鼠标悬停动画是提升网页互动性和吸引力的强大...

    css常见考题 !!css常见考题 css常见考题

    ### CSS常见考题知识点解析 #### 一、DOCTYPE与CSS兼容性问题 **知识点:** DOCTYPE声明在HTML文档头部,用于告知浏览器该文档遵循的标准。不同的DOCTYPE会影响到浏览器的渲染模式,进而影响到CSS的表现。 - **...

    css美化滚动条

    因此,利用CSS(层叠样式表)来美化滚动条,使之与网站的视觉效果统一,是提升用户体验的重要手段。本文将详细介绍如何通过CSS来自定义和美化滚动条。 一、CSS滚动条的基本结构 滚动条由三部分组成:轨道...

    cursor鼠标指针图片连接

    `cursor`属性是CSS中的一个关键属性,用于设置元素的光标显示。它可以接受多种预定义的值,如`default`、`pointer`、`text`、`wait`等,也可以接受URL指向的自定义图像,以创建独特的鼠标指针效果。 例如,如果你想...

    css,div+css.docx

    - `cursor` 用于设置鼠标光标的形状,如`default`, `hand`, `pointer`等。 【Div+CSS布局】 Div常用于构建网页的结构,通过CSS控制其宽高、位置和样式。例如: ```css Div{ Width:80px; Height:25px; ...

    css.doc(讲述关于CSS基础的)

    <p style="cursor: pointer;">当鼠标悬停时,显示指针样式。 ``` 掌握这些基础知识后,你就可以开始深入学习CSS选择器、盒模型、布局方式(如Flexbox和Grid)、响应式设计等高级话题。了解并熟练运用CSS,将使你...

    根据图片大小自适应的CSS

    在探讨“根据图片大小自适应的CSS”这一主题时,我们深入分析了如何利用CSS(层叠样式表)来确保图片能够根据不同设备和屏幕尺寸自动调整其大小,从而实现响应式设计的效果。以下是对该主题的详细解析: ### 一、...

    html+css登录页面

    cursor: pointer; width: 100%; } ``` 在"6套登录模板"中,可能包含了不同设计风格和功能的登录页面示例,比如扁平化设计、暗黑模式、浮动效果、验证提示等。通过学习和研究这些模板,开发者可以了解到如何根据...

Global site tag (gtag.js) - Google Analytics