4.用户界面样式

4.1 鼠标样式样式 cursor

我们这里只学习常用的五种鼠标样式，鼠标样式还有很多，可以自行了解：
cursor：[ [ ]?,]*[ 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]

  <ul>
    <li style="cursor: default;">我是鼠标默认样式</li>
    <li style="cursor: pointer;">我是鼠标小手样式</li>
    <li style="cursor: move;">我是鼠标移动样式</li>
    <li style="cursor: text;">我是鼠标文本样式</li>
    <li style="cursor: not-allowed;">我是鼠标禁止样式</li>
  </ul>

其中，小手就是链接常用的样式，多用于按钮button，链接 a
移动样式：四方向箭头。
文本样式：大写字母 I 形箭头。
静止样式：红圈加斜杠。
还有一个none的样式会隐藏光标，还挺好玩的。