语法: 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>
以上内容,在整理时难免有疏漏错误之处,如有发现,可以通过顶部的“联系站长”提出反馈,感谢您的支持!