English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Свойства курсора CSS, используемые для определения типа курсора (курсора мыши) при наведении мыши на определенную область или ссылку на веб-странице.
Браузеры обычно показывают курсор мыши на любом пустом месте веб-страницы, перчатка на ссылках или кликабельных элементах, и курсор редактирования на любом тексте или текстовом поле. С помощью CSS можно переопределить эти свойства для отображения различных курсоров.
h1 {
курсор: move;
p {
курсор: текст;
测试看看‹/›ниже показано большинство браузеров, которые принимают различные курсоры. Нажмите на ссылку "TEST" в столбце вывода, чтобы показать курсор.
| 查看 | значение | 示例 | 查看 |
|---|---|---|---|
| default | a:hover{курсор: default;} | 测试 | |
| pointer | a:hover{курсор: pointer;} | 测试 | |
| text | a:hover{курсор: text;} | 测试 | |
| wait | a:hover{курсор: wait;} | 测试 | |
| help | a:hover{курсор: help;} | 测试 | |
| progress | a:hover{cursor:progress;} | 测试 | |
| crosshair | a:hover{cursor:crosshair;} | 测试 | |
| move | a:hover{cursor:move;} | 测试 | |
| url() | a:hover{cursor:url("custom.cur"), default;} | 测试 |
查看更多光标»
也可以具有完全自定义的光标。
cursor属性处理用户定义的光标值的逗号分隔列表，后跟通用光标如果第一个光标指定不正确或找不到，则将使用逗号分隔列表中的下一个光标，依此类推，直到找到可用的光标为止。
如果没有用户定义的光标有效或不受浏览器支持，则将使用列表末尾的通用光标。
提示：可以用于光标的标准格式是.cur格式。但是，您可以使用在线免费提供的图像转换器软件将诸如.jpg和.gif的图像转换为.cur格式。
a {
cursor: url("custom.gif"), url("custom.cur"), default;
测试看看‹/›在上面的示例中，custom.gif，custom.cur是自定义光标文件，已上传到您的服务器空间，并且default是通用光标。如果自定义光标丢失或查看器的浏览器不支持它，则将使用该通用光标。
警告：如果要声明自定义光标，则必须在列表末尾定义一个通用光标否则，该自定义光标将无法正确显示。
这是自定义光标的现场演示。
注意： IE9及更早版本仅支持.cur静态光标和.ani动画光标的URL值。然而，浏览器如Firefox，Chrome和Safari浏览器支持.cur，.png，.gif和.jpg，但不支持.ani。