html怎么设置⿏标⼿势,css怎么设置⿏标⼿势?
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样式效果图css cursor⿏标光标指针样式图⿏标指针说明
css鼠标点击样式cursor设置或检索在对象上移动的⿏标指针采⽤何种系统预定义的光标形状。
4、布局结构
p { cursor: text; } /* css注释: 设置⿏标移动到html p对象时⿏标变为⽂本选择样式 */
a { cursor: pointer; } /* css注释: 设置⿏标移动到a超链接对象时⿏标变为⼿指形状(链接选择) */
body { cursor: url("⼩图⽚地址")} /* 设置⿏标指针默认为⼀个⼩图⽚ */
扩展阅读:css a、css a link、a hover、css超链接样式⿏标指针样式控制设置是⽐较常⽤的,
如⽇常我们在DIV+CSS布局时候,我们希望⿏标指向某个局部span标签对象时候,⿏标指针光标就变为⼿指状态,这个时候我们就对对象span设置cursor: pointer即可。以上我们图例展⽰常⽤的⿏标光标形状与css单词,希望布局时候更加⾃⾝需要选择设置⿏标指针样式。需要注意是,光标切记勿滥⽤,也不要轻易设置⾃定义图⽚为⿏标样式这样会将⽹页造成复杂与不符合⽤户体验感觉,切记光标慎⽤。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论