cursor
该属性用于设置鼠标指针悬浮在元素上时的外观。
语法
Formal syntax: [ [ <uri> [<x> <y>]?,]* [ auto | default | none | context-menu | help | pointer | progress | wait | cell | crosshair | text | vertical-text | alias | copy | move | no-drop | not-allowed | e-resize | n-resize | ne-resize | nw-resize | s-resize | se-resize | sw-resize | w-resize | ew-resize | ns-resize | nesw-resize | nwse-resize | col-resize | row-resize | all-scroll | zoom-in | zoom-out | grab | grabbing ] ]
值
| 值 | 描述 |
|---|---|
| <uri> | 该关键词表示url(…)或逗号分割的url(…), url(…),…,指向图片文件。 |
| <x><y> | 该关键词表示可选x,y坐标。无单位数字。 |
| 关键字值 | 表示鼠标悬浮于值上效果。 |
例子
HTML
<div id="red"> <div id="orange"></div> </div>
CSS
#red {
width: 200px;
height: 50px;
background: red;
}
#orange {
width: 50px;
height: 50px;
background: orange;
cursor: zoom-out;
}
执行结果