css cursor鼠标指针光标样式

cursor语法:

cursor : auto | crosshair | default | hand | move | help | wait | text | w-resize |s-resize | n-resize |e-resize | ne-resize |sw-resize | se-resize | nw-resize |pointer | url (url)

css cursor鼠标指针光标样式_第1张图片

css cursor鼠标指针光标样式_第2张图片

常用cursor光标说明

1)、div{ cursor:default }默认正常鼠标指针
2)、div{ cursor:hand }和div{ cursor:text } 文本选择效果
3)、div{ cursor:move } 移动选择效果
4)、div{ cursor:pointer } 手指形状 链接选择效果
5)、div{ cursor:url(url图片地址) }设置对象为图片

6)、p { cursor: text; } /* css注释: 设置鼠标移动到html p对象时鼠标变为文本选择样式 */
7)、a { cursor: pointer; } /* css注释: 设置鼠标移动到a超链接对象时鼠标变为手指形状(链接选择) */
8)、body { cursor: url("小图片地址")} /* 设置鼠标指针默认为一个小图片 */


cursor样式效果图

css cursor鼠标指针光标样式_第3张图片

cursor设置或检索在对象上移动的鼠标指针采用何种系统预定义的光标形状。




你可能感兴趣的:(web前端)