本文摘自PHP中文网,作者藏色散人,侵删。
鼠标样式常见的如箭头或小手形状,除此之外,我们可以根据我们自身的要求,使用css中cursor属性来更改鼠标光标的外观。推荐学习:《CSS教程》
下面我们就给大家介绍鼠标光标的不同样式。
代码如下:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 |
|
上述代码,大家可以复制到本地进行测试,当鼠标悬停在每个超链上,就会显示更改不同的光标样式。
十字线样式:
文本编辑时样式:
等待样式:
移动样式:
帮助样式:
默认箭头样式:
小手样式:
cursor 属性规定要显示的光标的类型(形状)。该属性定义了鼠标指针放在一个元素边界范围内时所用的光标形状(不过 CSS2.1 没有定义由哪个边界确定这个范围)。
本篇文章就是关于css鼠标光标样式的简单介绍,希望对需要的朋友有所帮助!
以上就是css怎么换鼠标样式的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
更多相关阅读请进入《css鼠标样式》频道 >>

Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者