CSS 鼠标样式

设置鼠标指针放在一个元素边界范围内时所用的光标形状,需要对元素的css属性cursor进行设置。

cursor属性可能的值:

  • default 默认光标(通常是一个箭头)
  • auto 默认。浏览器设置的(user agent stylesheet)光标。
  • crosshair 光标呈现为十字。
  • pointer 光标呈现为指示链接的指针(一只小手)
  • move 此光标指示某对象可被移动(带箭头的十字)。
  • e-resize 此光标指示矩形框的边缘可被向右(东)移动。
  • ne-resize 此光标指示矩形框的边缘可被向上及向右移动(北/东)。
  • nw-resize 此光标指示矩形框的边缘可被向上及向左移动(北/西)。
  • n-resize 此光标指示矩形框的边缘可被向上(北)移动。
  • se-resize 此光标指示矩形框的边缘可被向下及向右移动(南/东)。
  • sw-resize 此光标指示矩形框的边缘可被向下及向左移动(南/西)。
  • s-resize 此光标指示矩形框的边缘可被向下移动(南)。
  • w-resize 此光标指示矩形框的边缘可被向左移动(西)。
  • text 此光标指示文本。
  • wait 此光标指示程序正忙(通常是一只表或沙漏,或者一个圈在那转)。
  • help 此光标指示可用的帮助(通常是一个问号或一个气球)。
要实现鼠标移上去显示手形、需要在你的提交按钮上增加css cursor属性,并将它的值设置为pointer;
<input type="button" value="确定" style="cursor:pointer;" />

原文地址:https://www.cnblogs.com/WEB-PHP/p/10345854.html

时间: 2024-08-03 21:58:09

CSS 鼠标样式的相关文章

css鼠标样式 鼠标手型

巧合要用到鼠标样式效果,就顺便整理了下十五种CSS鼠标样式,小例子供大家使用啊.CSS鼠标样式语法如下: 任意标签中插入 style="cursor:." 例子:文本或其它页面元素 文本或其它页面元素 注意把 * 换成如下15个效果的一种: 下面是对这15种效果的解释.移动鼠标到解释上面,看看你的鼠标起了什么变化吧! hand是手型 例子:CSS鼠标手型效果 CSS鼠标手型效果 pointer也是手型,这里推荐使用这种,因为这可以在多种浏览器下使用. 例子:CSS鼠标手型效果 CSS鼠

CSS 鼠标样式大全

cursor是CSS中用于定义鼠标在元素标签上的显示样式,如常用的手型鼠标样式 cursor: pointer; 也可以通过url网址指定扩展名一般为.cur的鼠标图片文件. 名称 属性代码 描述 默认箭头样式 cursor:default 系统默认 箭头样式 手型 cursor: pointer 系统自带 手型 手型 cursor:hand 系统自带 手型    提示 只有ie5支持这种手型也只支持这种 移动十字箭头 cursor: move 系统自带 移动十字箭头 帮助问号 cursor:

css鼠标样式

任意标签中插入 style="cursor:*" 例 子:<span style="cursor:*">文本或其它页面元素</span> <a href="#" style="cursor:*">文本或其它页面元素</a> 注意把 * 换成如下15个效果的一种: 下面是对这15种效果的解释.移动鼠标到解释上面,看看你的鼠标起了什么变化吧! hand是手型 例子:CSS鼠标手型效果

CSS鼠标样式整理

鼠标样式的标签: cursor:*;  //该属性定义了鼠标指针放在一个元素边界范围内时所用的光标形状: 鼠标样式: 值 描述 url 需使用的自定义光标的 URL. 注释:请在此列表的末端始终定义一种普通的光标,以防没有由 URL 定义的可用光标. default 默认光标(通常是一个箭头) auto 默认.浏览器设置的光标. crosshair 光标呈现为十字线. pointer 光标呈现为指示链接的指针(一只手) move 此光标指示某对象可被移动. e-resize 此光标指示矩形框的边

css鼠标样式cursor

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <p>请把鼠标移动到单词上,可以看到鼠标指针发生变化:</p> <span style="cursor:auto">Au

CSS鼠标小样式随笔!!!!

CSS控制鼠标样式  "cursor" 1.auto        : 正常光标 2.default    : 标准箭头 3.pointer    : 手型光标  (据说IE有兼容问题,单在IE 8.0中未发现) 4.wait         : 等待光标 5.text : 编辑光标 6.vertical-text   : 水平编辑光标 7.no-drop         : 无效光标 8.not-allowed   : 无效光标 (和no-drop 光标一样) 9.help : 帮助

鼠标样式css

corsor:not-allowed; 鼠标禁止 cursor: pointer; 鼠标小手 鼠标样式

CSS常用样式(四)之animation

上篇CSS常用样式(三)这篇博文中已经介绍过了CSS中具有动画效果的transition.transform,今天来大概说说CSS中的animation.animation的加入会使得动画效果更加乐观. animation animation的实现需要通过keyframes来实现.keyframes(关键帧),类似于flash当中的关键帧.关键帧有其自己的语法规则,他的命名是由"@keyframes"开头,后面紧接着是这个“动画的名称”加上一对花括号“{}”,括号中就是一些不同时间段样

关于鼠标样式-------Day81

今天看了部老片子<阳光灿烂的日子>,说实话没怎么看懂,但是那种能看下去的没看懂,虽然这是个很经典的片子,不过这是我第一次看.很多人都说姜文的电影不能这样单纯的看,其实有很多思想在里面,可这次我丝毫不想动用我疲惫到了极点的脑筋,我就这么看他讲的故事,看那些故事里的人,其实有些像当年的我,有些羞涩,带点迷茫,我愿意把新朋友介绍给自己的伙伴,可看到他们迅速的热火朝天又心有不甘,不仅仅在女人面前,男人中间也一样,那些还不能独立的那些年,我其实多想你们都环绕在我身旁,可我不说,我不怕,可是不敢,就那么呆