在css中，可以通过cursor属性设置鼠标样式，语法格式为“cursor: value。cursor属性用于指定要显示的光标的类型(形状)，并且可以设置当鼠标指针放置在元素的边界范围内时所使用的光标形状。

本文的运行环境：Windows7系统，HTML5CSS3版本3，DELL G3电脑

有时我们不想添加文字、图片和链接，但我们想在链接时添加鼠标样式。这使用css中的光标来设置鼠标指针的形状。

【资料图】

cursor属性指定要显示的光标的类型(形状)。此属性定义当鼠标指针放在元素边界内时使用的光标形状。

以下是鼠标指针的光标属性的一些属性值：

示例：

！声明文档类型

超文本标记语言

头

meta charset="utf-8 "

标题/头衔

/head

身体

请将鼠标移到单词：/p上

span style=" cursor : auto " auto/span br

span style=" cursor :十字线"十字线/spanbr

span style="cursor:default "默认值/spanbr

span style=" cursor : e-resize " e-resize/span br

span style="cursor:help "帮助/spanbr

span style="cursor:move "移动/spanbr

span style=" cursor :n-resize " n-resize/span br

span style=" cursor : ne-resize " ne-resize/span br

span style=" cursor : NW-resize " NW-resize/span br

span style="cursor:pointer "指针/spanbr

span style="cursor:progress "进度/spanbr

span style=" cursor :s-resize " s-resize/span br

span style=" cursor : se-resize " se-resize/span br

span style=" cursor : SW-resize " SW-resize/span br

span style=" cursor : text " text/span br

span style=" cursor : w-resize " w-resize/span br

span style="cursor:wait "等待/spanbr

/body

/html那么鼠标就成了我们需要的。

描述：

还有一种用法，其原理是：使用CSS2的一个cursor属性，cursor:url (url)，鼠标文件可以使用jpg、gif、ani和cur文件格式。注意这个方法只能在IE5.5以上的浏览器中正常显示。

推荐：《css视频教程》以上是css如何改变鼠标样式的细节。请多关注php中文网站的其他相关文章！

来源：php中文网站