浏览器支持
所有主流浏览器都支持 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
分享到:
相关推荐
其中,`cursor`属性是CSS中的一个重要特性,它允许开发者自定义鼠标指针在不同元素上显示的样式。本篇文章将详细阐述`cursor`属性的使用及其各种预定义的鼠标样式。 `cursor`属性主要用于改变用户在页面上的交互...
### 鼠标特效CSS的Cursor属性详解 在网页设计与开发中,为了提升用户体验以及增强网站的互动性,开发者经常需要对网站进行各种细节优化。其中,利用CSS中的`cursor`属性来改变鼠标指针样式就是一种常见的优化手段。...
CSS中的`cursor`属性用于控制鼠标指针在页面上的显示样式。这个属性允许开发者根据不同的交互情况设置不同的鼠标光标,以提供更好的用户体验和视觉反馈。以下是对标题和描述中提到的一些`cursor`可选值的详细解释: ...
### CSS样式代码案例详解 #### 一、概述 在网页设计与开发中,CSS(层叠样式表)扮演着至关重要的角色。它不仅能够美化页面布局,还能够提高页面加载速度,实现更好的用户体验。本文将从给定的CSS代码片段出发,...
### CSS针对浏览器兼容问题的解决方法 在网页开发过程中,不同浏览器对于CSS的支持程度各不相同,这导致了页面在不同浏览器下展示效果的差异。本文将详细介绍如何解决这些兼容性问题,帮助开发者确保网站在各种...
取值: [ [<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 ] ] | ...
取值: [ [<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属性** 允许自定义鼠标光标样式,如pointer(手形)或help(问号)。 **11. CSS边框** - `border-width`:设置边框宽度。 - `border-color`:定义边框颜色。 - `border-style`:指定边框样式,如solid...
在前端开发中,CSS(Cascading Style Sheets)是用于控制网页元素样式的重要技术,而“cursor”属性则是CSS中的一个重要部分,它定义了用户在鼠标指针位于元素上时的光标形状。"css-cursor"是一个开源库,专注于规范...
### CSS 属性速查表概览 #### B-1 文本样式 文本样式是网页设计中最基本也是最重要的组成部分之一。合理的文本样式不仅能够提升页面的美观度,还能够提高用户体验。 - **`font-family`**: 设置文本所使用的字体...
在CSS中,`cursor`属性是一个非常有用的功能,它允许我们改变用户在页面上移动鼠标时看到的指针样式。本文主要介绍了两个实用的`cursor`属性组合:`zoom-in/zoom-out`和`grab/grabbing`,它们极大地增强了用户体验,...
17. CSS cursor属性:"hand"值可以设置cursor属性,使鼠标指针显示为手形,用于表示可点击的元素。 这些知识点涵盖了HTML结构、数据传输、TCP/IP协议、操作系统特性、虚拟化技术、网络配置、文件权限、FTP服务、...
最后,`cursor`属性可以改变鼠标指针的形状,例如`cursor:hand`设置成手形,适用于链接,`cursor:wait`显示等待沙漏,等等。 这些只是CSS的一部分基础知识,实际应用中还有更复杂的布局技术,如响应式设计、Flexbox...
17. CSS cursor属性:设置cursor属性为`pointer`(选项未给出,但常见选项中无`defa`,应为`pointer`)可以显示手形鼠标指针,提示用户可以点击。 以上就是从给定文件中提取的相关知识点,涵盖了HTML站点结构、数据...
1. **多语言支持**:Cursor编辑器通常支持多种编程语言,如C++, Python, Java, JavaScript, HTML, CSS等,允许用户无缝切换并编辑不同类型的项目。 2. **语法高亮**:为提高代码可读性,Cursor提供了语法高亮功能,...
CSS提供了`cursor`属性,用于定义鼠标指针在元素上时显示的形状。例如,如果你想让鼠标在某个元素上变为手型,你可以这样编写CSS代码: ```css selector { cursor: pointer; } ``` 这里的`selector`是你希望应用此...
cursor: pointer; /* 鼠标悬停时显示手形光标,表示可点击 */ } ``` 为了增加视觉吸引力,我们可以为按钮添加背景色、文字颜色、阴影效果以及过渡动画。例如: ```css .circle-btn { /* ... 之前的样式 */ ...
本文将深入探讨如何使用CSS来创建美观且功能丰富的“CssButton”按钮样式,以及相关的实践示例。 一、基础按钮样式 一个基本的HTML按钮元素看起来像这样: ```html 点击我 ``` 默认情况下,浏览器会为按钮提供一种...