语法: cursor:值
案例1代码示例:
<style type="text/css"> div{width: 80px;height: 80px;background: #abcdef;} div:hover{cursor: text;} </style> <div></div>
案例2代码示例:
<style type="text/css"> div{width: 80px;height: 80px;background: #abcdef;} div:hover{cursor: help;} </style> <div></div>
案例3代码示例:
<style type="text/css"> div{width: 80px;height: 80px;background: #abcdef;} div:hover{cursor: wait;} </style> <div></div>
案例4代码示例:
<style type="text/css"> div{width: 80px;height: 80px;background: #abcdef;} div:hover{cursor: pointer;} </style> <div></div>
案例5代码示例:
<style type="text/css"> div{width: 80px;height: 80px;background: #abcdef;} div:hover{cursor: move;} </style> <div></div>
案例6代码示例:
<style type="text/css"> div{width: 80px;height: 80px;background: #abcdef;} div:hover{cursor: default;} </style> <div></div>
案例7代码示例:
<style type="text/css"> div{width: 80px;height: 80px;background: #abcdef;} div:hover{cursor: url(/favicon.ico),auto;} </style> <div></div>
案例8代码示例:
<style type="text/css"> div{width: 80px;height: 80px;background: #abcdef;} div:hover{cursor: not-allowed;} </style> <div></div>
以上内容,在整理时难免有疏漏错误之处,如有发现,可以通过顶部的“联系站长”提出反馈,感谢您的支持!