`
hlzhao
  • 浏览: 26530 次
  • 性别: Icon_minigender_1
  • 来自: 常州
最近访客 更多访客>>
社区版块
存档分类
最新评论

CSS cursor

阅读更多

浏览器支持

所有主流浏览器都支持 cursor 属性。

注释: Opera 9.3 和 Safari 3 不支持 url 值。

注释: 任何版本的 Internet Explorer (包括 IE8)都不支持属性值 "inherit"。

可能的值

值 描述
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 此光标指示可用的帮助(通常是一个问号或一个气球)。

 

例:

cursor: url("image/fav.cur"), default;

 

参考:

http://www.w3school.com.cn/css/pr_class_cursor.asp

 

分享到:
评论

相关推荐

    CSS-cursor鼠标样式一览表

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

    鼠标特效css的cursor属性

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

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

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

    很实用的css样式代码案例。

    ### CSS样式代码案例详解 #### 一、概述 在网页设计与开发中,CSS(层叠样式表)扮演着至关重要的角色。它不仅能够美化页面布局,还能够提高页面加载速度,实现更好的用户体验。本文将从给定的CSS代码片段出发,...

    CSS种针对浏览器兼容问题的解决方法

    ### CSS针对浏览器兼容问题的解决方法 在网页开发过程中,不同浏览器对于CSS的支持程度各不相同,这导致了页面在不同浏览器下展示效果的差异。本文将详细介绍如何解决这些兼容性问题,帮助开发者确保网站在各种...

    CSS cursor 属性 -- 鼠标指针样式效果

    取值: [ [<uri> ,]* [ auto | crosshair | default | pointer | move | e-resize | ne-resize | nw-resize | n-resize | se-resize | sw-resize | s-resize | w-resize | text | wait | help | progress ] ] | ...

    CSS cursor 属性 — 鼠标指针样式效果

    取值: [ [<uri> ,]* [ auto | crosshair | default | pointer | move | e-resize | ne-resize | nw-resize | n-resize | se-resize | sw-resize | s-resize | w-resize | text | wait | help | progress ] ] | ...

    css基础-梦之都教学

    CSS cursor属性** 允许自定义鼠标光标样式,如pointer(手形)或help(问号)。 **11. CSS边框** - `border-width`:设置边框宽度。 - `border-color`:定义边框颜色。 - `border-style`:指定边框样式,如solid...

    前端开源库-css-cursor

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

    CSS 属性速查表PDF

    ### CSS 属性速查表概览 #### B-1 文本样式 文本样式是网页设计中最基本也是最重要的组成部分之一。合理的文本样式不仅能够提升页面的美观度,还能够提高用户体验。 - **`font-family`**: 设置文本所使用的字体...

    举例详解CSS中的cursor属性

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

    2021.11结业考试题有答案分享.pdf

    17. CSS cursor属性:"hand"值可以设置cursor属性,使鼠标指针显示为手形,用于表示可点击的元素。 这些知识点涵盖了HTML结构、数据传输、TCP/IP协议、操作系统特性、虚拟化技术、网络配置、文件权限、FTP服务、...

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

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

    2021.11结业考试题有答案借鉴.pdf

    17. CSS cursor属性:设置cursor属性为`pointer`(选项未给出,但常见选项中无`defa`,应为`pointer`)可以显示手形鼠标指针,提示用户可以点击。 以上就是从给定文件中提取的相关知识点,涵盖了HTML站点结构、数据...

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

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

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

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

    CSS经典圆形按钮

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

    CssButton按钮样式

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

Global site tag (gtag.js) - Google Analytics