1、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)
常用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图片地址) }设置对象为图片
2、cursor样式效果图
cursor鼠标光标指针样式图css cursor鼠标光标指针样式图
3、鼠标指针说明
cursor设置或检索在对象上移动的鼠标指针采用何种系统预定义的光标形状。
4、布局结构
p { cursor: text; } /* css注释: 设置鼠标移动到html p对象时鼠标变为文本选择样式 /
a { cursor: pointer; } / css注释: 设置鼠标移动到a超链接对象时鼠标变为手指形状(链接选择) /
body { cursor: url("小图片地址")} / 设置鼠标指针默认为一个小图片 */
网友评论