css cursor属性怎么用

css cursor属性用于指定要显示的光标的类型(形状),定义了鼠标指针放在一个元素边界范围内时所用的光标形状。所有主流浏览器都支持 cursor 属性。

css cursor属性怎么用

css cursor属性怎么用?

cursor 属性规定要显示的光标的类型(形状)。

可能的属性值:

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

说明:该属性定义了鼠标指针放在一个元素边界范围内时所用的光标形状(不过 CSS2.1 没有定义由哪个边界确定这个范围)。    

注释:所有主流浏览器都支持 cursor 属性。Opera 9.3 和 Safari 3 不支持 url 值。任何版本的 Internet Explorer (包括 IE8)都不支持属性值 “inherit”。

css cursor属性 示例

请把鼠标移动到单词上,可以看到鼠标指针发生变化:

Auto
Crosshair
Default
Pointer
Move
e-resize
ne-resize
nw-resize
n-resize
se-resize
sw-resize
s-resize
w-resize
text
wait
help

以上就是css cursor属性怎么用的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1614586.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2025年12月24日 04:24:56
下一篇 2025年12月24日 04:25:07

相关推荐

  • css怎么整体居中

    一般网页主体内容布局均为居中于浏览器。如创想鸟首页,主体为居中布局。 如何使用CSS让整个网页布局居中呢?布局居中条件是什么呢? 首先我们要对body设置css内容居中样式(css text-align:center),然后布局最外层DIV盒子时候使用 margin:0 auto即可让对象布局居中。…

    好文分享 2025年12月24日
    000
  • css flex属性怎么用

    flex 属性是css的一个简写属性,用于设置或检索弹性盒模型对象的子元素如何分配空间。如果元素不是弹性盒模型对象的子元素,则 flex 属性不起作用。 css flex属性怎么用? flex 属性用于设置或检索弹性盒模型对象的子元素如何分配空间。 说明:flex 属性是 flex-grow、fle…

    2025年12月24日
    000
  • 用记事本怎么写css

    用记事本怎么写css?这里有详细步骤 步骤: 1、在windows中打开记事本程序 2、记事本中输入css代码 立即学习“前端免费学习笔记(深入)”; 3、单击菜单“文件”—>“保存”,弹出“另存为”对话框,将上述文档保存为后缀为“*.css”的css文档,如my_fi…

    2025年12月24日
    000
  • css text-align属性怎么用

    css text-align属性用于设置元素中文本的水平对齐方式。该属性通过指定行框与哪个点对齐,从而设置块级元素内文本的水平对齐方式。通过允许用户代理调整行内容中字母和字之间的间隔,可以支持值 justify;不同用户代理可能会得到不同的结果。   css text-align属性怎么用? tex…

    2025年12月24日
    000
  • css letter-spacing属性怎么用

    css letter-spacing属性用于增加或减少字符间的空白(字符间距),语法为letter-spacing : normal | length;其中normal相当于值为 0。该属性允许使用负值,这会让字母之间挤得更紧。 css letter-spacing属性怎么用? letter-spa…

    2025年12月24日
    000
  • css全局样式有什么意义

    css全局样式有什么意义? css全局样式的意义就是为了规范开发,提高工作效率,便于后台人员添加功能及前端后期优化维护,输出高质量的文档,在网站建设中,使结构更加清晰,代码简明有序,有一个更好的前端架构。 同时使用全局样式更符合web标准,页面性能得到优化,代码简洁、明了、有序,尽可能的减少服务器的…

    2025年12月24日
    000
  • css外部样式表怎么写

    外部css样式(也可称为外联式)就是把css代码写一个单独的外部文件中,这个css样式文件以“.css”为扩展名,在 内(不是在标签内)使用标签将css样式文件链接到html文件内,如下面代码: 注意: 1、css样式文件名称以有意义的英文字母命名,如 main.css。 2、rel=”…

    2025年12月24日 好文分享
    000
  • dedecms怎么修改css

    织梦dedecms修改模板默认css文件分析:首先,打开后台——模板——默认模板管理——index.htm. 看到有一句,说明,我们模板是根据这个CSS来布局网页的,于是我们就打开网站目录下面的templetsstylededecms.css.然后来分析一下CSS的构成。 我们根据主页的调用,来研究…

    2025年12月24日
    000
  • dw怎么创建css文件

    在dreamweaver cc中可以直接创建css文件,或在内面内手写输入css代码定义规则等等。 如果要使用可视化css编辑,可以使用css设计器,在默认的界面下,在软件窗口右侧的活动窗口内就可以找到css设计器。 例如:新建一个html文件,点击css设计器的“源”窗口的“+”号,选择创建css…

    2025年12月24日
    000
  • css outline-color属性怎么用

    轮廓是绘制于元素周围的一条线,位于边框边缘的外围。outline-color属性用于设置一个元素整个轮廓中可见部分的颜色。需始终在outline-color属性之前声明 outline-style 属性;元素只有获得轮廓以后才能改变其颜色。 css outline-color属性怎么用? outli…

    2025年12月24日
    000
  • css类选择符用什么

    在 css 中,类选择器以一个点号显示: .center {text-align: center} 在上面的例子中,所有拥有 center 类的 HTML 元素均为居中。 在下面的 HTML 代码中,h1 和 p 元素都有 center 类。这意味着两者都将遵守 “.center&#82…

    2025年12月24日
    000
  • 左浮动 css怎么写

    css样式的float浮动属性,用于设置标签对象(如: 标签盒子、标签、标签、标签等html标签)的浮动布局,浮动也就是我们所说标签对象浮动居左靠左(float:left)和浮动居右靠右(float:right)。 float是什么意思? float是浮动,翻译成中文也是浮动意思。 float的作用…

    2025年12月24日
    000
  • css text-indent属性怎么用

    css text-indent属性用于规定文本块中首行文本的缩进;语法为text-indent : length | % 。该属性允许使用负值;如果使用负值,那么首行会被缩进到左边。  css text-indent属性怎么用? text-indent 属性规定文本块中首行文本的缩进。 语法: 立即…

    2025年12月24日
    000
  • css 内阴影怎么做

    css3 box-shadow 属性用来描述一个元素的一个或多个阴影效果,该属性几乎可以让你完成你想要的任何阴影效果。然而 box-shadow 属性语法和取值非常灵活,对于新手有点不容易理解。 模拟地址:https://www.html.cn/tool/css3Preview/Box-Shadow…

    2025年12月24日
    000
  • css white-space属性怎么用

    css white-space 属性用于设置如何处理元素内的空白,例设置white-space: nowrap,则换行及行首尾空格全部被合并,文本不会换行,文本会在在同一行上继续,直到遇到 标签为止。 css white-space属性怎么用? white-space 属性设置如何处理元素内的空白。…

    2025年12月24日 好文分享
    000
  • css z-index属性怎么用

    css z-index 属性用于设置元素的堆叠顺序;拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。该属性仅能在定位元素上奏效(例如:position:absolute, position:relative, or position:fixed)。 css z-index属性怎么用? z-…

    2025年12月24日
    000
  • css需要什么环境

    在编写代码之前得有个编写的环境才行,css的代码编写也是如此,本篇文章将和大家讲述css的编写环境,有需要的朋友可以了解一下。 实际上,你只需要一个文本编辑器(或IDE)+浏览器。 文本编辑器推荐sublime text或者atom。 IDE推荐Dreamweaver或webstorm。当然还有其他…

    2025年12月24日
    000
  • 学html css看什么书?

    我们在学习html+css的过程中我们可以看看一些大牛写的书籍,会受益匪浅。下面我将介绍几本关于css以及html的书籍,感兴趣的朋友可以了解一下。 1、《CSS那些事儿》 本书专注于CSS技巧实例的讲解,由浅入深地分析了CSS样式在布局时所需要理解的原理。绕开随处可见的基础知识、网络中能随意搜索到…

    2025年12月24日
    000
  • css怎么设置按钮样式

    在许多网站中都需要实用到按钮,一个好看实用的css按钮即可以给访问者以美感,又可以方便开发者。下面就是一个纯css按钮,需要的可以参考一下。 1、button按钮(无样式)  默认按钮 2、button按钮(有样式) HTML代码: 立即学习“前端免费学习笔记(深入)”; 按钮 CSS部分: .bu…

    2025年12月24日
    000
  • css全称是什么意思

    css的英文全称为cascading style sheets。几个单词拆开翻译,cascading有大量的意思,style有风格样式的意思,sheets有表格的意思,整合在一起翻译为中文意思为层叠样式表。 层叠样式表是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一…

    2025年12月24日
    000

发表回复

登录后才能评论
关注微信