CSS 设置鼠标的样式

常用的几种

1、crosshair光标呈现为十字线。

1、pointer 光标呈现为指示链接的指针(一只手)

3、move 此光标指示某对象可被移动。

4、e-resize 此光标指示矩形框的边缘可被向右(东)移动。

5、text 此光标指示文本。

6、wait 此光标指示程序正忙(通常是一只表或沙漏)。

<style>.default:hover{cursor: default;/* 默认光标（通常是一个箭头) */}.auto:hover{cursor: auto;/*默认。浏览器设置的光标*/}.crosshair:hover{cursor: crosshair;/*光标成十字线*/}.pointer:hover{cursor:pointer;/*光标呈现为指示链接的指针（一只手）*/}.move:hover{cursor: move;/*此光标指示某对象可被移动。*/}.e-resize:hover{cursor: e-resize;/*此光标指示矩形框的边缘可被向右（东）移动。*/}.text:hover{cursor: text;/* 此光标指文本 */}.wait:hover{cursor: wait;/*此光标指示程序正忙（通常是一只表或沙漏）*/}.help:hover{cursor: help;/*此光标指示可用的帮助(通常是一个问号或一个气球)。*/}</style>

详细参见菜鸟教程：CSS cursor 属性 | 菜鸟教程

CSS 设置鼠标的样式相关推荐

css设置鼠标的样式
CSS 中的cursor属性控制鼠标光标位于设置此属性的元素上时的外观.它们主要用于用户体验,以传达某些功能的想法除了上述提供的默认样式外,也可以使用定制化图标(使用自定义图标时,一定要在后面跟上一 ...
CSS设置链接的样式
链接是从一个网页到另一个网页的连接,CSS可通过不同属性以各种不同方式来设置链接的样式.下面本篇文章就来给大家介绍一下CSS设置链接的样式的方法,希望对大家有所帮助. 在讨论CSS属性之前,先了解链接 ...
javafx css样式_使用CSS设置JavaFX饼图样式
javafx css样式渲染图表时, JavaFX默认提供某些颜色. 但是,在某些情况下,您想自定义这些颜色. 在此博客文章中,我将使用一个示例来更改JavaFX饼图的颜色,该示例打算在今天下午在2 ...
使用CSS设置JavaFX饼图样式
渲染图表时, JavaFX默认提供某些颜色. 但是,在某些情况下,您想自定义这些颜色. 在此博客文章中,我将使用一个示例来更改JavaFX饼图的颜色,该示例打算在今天下午在RMOUG Training ...
css设置流光文字样式
css设置流光文字样式主要属性:-webkit-background-clip:text 表示元素的背景保留在前景内容中(文字) 和其形状大小相同 -webkit-text-fill-color:t ...
CSS设置鼠标变成手样式
CSS部分 .aa :hover {cursor: pointer; } 你可以使用 CSS 的 cursor 属性来设置鼠标悬停在数据上时的样式.默认情况下,当鼠标悬停在一个链接上时,会显示为手型. ...
CSS -- CSS设置鼠标样式(小手，移动，文本，禁止)
鼠标样式 cursor 更多可参考文档设置或检索在对象上移动的鼠标指针采用何种系统预定义的光标形状. 语法: li {cursor: pointer; } 可以拷贝自己试试效果 <!DOCTY ...
（转）OL2中设置鼠标的样式
http://blog.csdn.net/gisshixisheng/article/details/49496289 概述: 在OL2中,鼠标默认是箭头,地图移动时,鼠标样式是移动样式:很多时候,为 ...
css 设置鼠标滑过变色效果
1.样式说明: 当鼠标滑过或者悬停在图片上时,图片颜色变灰,看似是图片变灰变色效果,实际上是图片被设置为半透明样式 2.CSS样式代码: (1)HTML代码: <div class=" ...

CSS 设置鼠标的样式

常用的几种

CSS 设置鼠标的样式相关推荐

最新文章

热门文章