CSS 鼠标样式大全

cursor是CSS中用于定义鼠标在元素标签上的显示样式，如常用的手型鼠标样式 cursor: pointer; 也可以通过url网址指定扩展名一般为.cur的鼠标图片文件。

名称	属性代码	描述
默认箭头样式	cursor:default	系统默认箭头样式
手型	cursor: pointer	系统自带手型
手型	cursor:hand	系统自带手型提示只有ie5支持这种手型也只支持这种
移动十字箭头	cursor: move	系统自带移动十字箭头
帮助问号	cursor: help	系统自带帮助问号
十字准心	cursor:crosshair	系统自带十字准心
文字/编辑	cursor: text	系统自带编辑或者框选文字时竖线型
无法释放(禁用)	cursor:no-drop	系统自带当不可编辑时禁用型
禁用	cursor:not-allowed	系统自带当不可编辑时禁用型
自动	cursor:auto	就是由系统根据当前元素自动设置
处理中	cursor: progress	win7为一个圆环，xp为一个沙漏，等待处理中样式
向上改变大小	cursor: n-resize	系统自带
向下改变大小	cursor: s-resize	系统自带
向左改变大小	cursor: w-resize	系统自带
向右改变大小	cursor: e-resize	系统自带
向上左改变大小	cursor: nw-resize	系统自带
向下左改变大小	cursor: sw-resize	系统自带
向上右改变大小	cursor: ne-resize	系统自带
向下右改变大小	cursor: se-resize	系统自带
cursor:url(鼠标图片文件网址)cur格式或者ani格式，通过指定图标文件网址来自定义鼠标样式
url	cursor:url(网址)	指定网址

时间： 2024-08-03 21:58:14

CSS 鼠标样式大全的相关文章

css鼠标样式鼠标手型

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

css鼠标样式

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

CSS鼠标样式整理

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

CSS 鼠标样式

设置鼠标指针放在一个元素边界范围内时所用的光标形状,需要对元素的css属性cursor进行设置. cursor属性可能的值: default 默认光标(通常是一个箭头) auto 默认.浏览器设置的(user agent stylesheet)光标. crosshair 光标呈现为十字. pointer 光标呈现为指示链接的指针(一只小手) move 此光标指示某对象可被移动(带箭头的十字). e-resize 此光标指示矩形框的边缘可被向右(东)移动. ne-resize 此光标指示矩形框的边

css鼠标样式cursor

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

css 冷门样式大全

1. 文字多了省略后面后面加省略号 p{width:300px; border:solid 1px #000; padding:10px; font:22px/22px "微软雅黑"; white-space:normal; overflow:hidden; text-overflow:ellipsis;} 文字超出隐藏后面变成省略号文字超出隐藏后面变成省略号文字超出隐藏后面变成省略号文字超出隐藏后面变成省略号 2.文本排列 p{wi

css样式大全

字体属性:(font) 大小 {font-size: x-large;}(特大) xx-small;(极小) 一般中文用不到,只要用数值就可以,单位:PX.PD 样式 {font-style: oblique;}(偏斜体) italic;(斜体) normal;(正常) 行高 {line-height: normal;}(正常) 单位:PX.PD.EM 粗细 {font-weight: bold;}(粗体) lighter;(细体) normal;(正常) 变体 {font-variant: s

css样式大全(整理版）

css 字体样式设置大全

css样式大全(整理版) 字体属性:(font) 大小 {font-size: x-large;}(特大) xx-small;(极小) 一般中文用不到,只要用数值就可以,单位:PX.PD 样式 {font-style: oblique;}(偏斜体) italic;(斜体) normal;(正常) 行高 {line-height: normal;}(正常) 单位:PX.PD.EM 粗细 {font-weight: bold;}(粗体) lighter;(细体) normal;(正常) 变体 {fo